angular.js - ionic は angularjs と矢印の左クリックと右クリックを組み合わせて画像を切り替えます。ionic には自動カルーセル機能があることしか知りません。

Ionic は angularjs と左クリック矢印と右クリック矢印を組み合わせて画像を切り替えます。ionic には自動カルーセル機能があることしか知りません。

高洛峰 2017-05-15 17:10:14 0  2  800

angular.js - AngularJs のみを使用して画像スライド切り替えを実装するにはどうすればよいですか?

Baidu にある AngularJS の画像カルーセル効果や画像スライド切り替え効果のコードは、基本的にブートストラップ コントロールに基づいて実装されています。 jQなどを使わずに純粋なAngularJSを実装する方法。モバイル淘宝網の赤ちゃんの詳細ページのトップバナーのように、スライドして写真を切り替える効果を実現しますか？

大家讲道理 2017-05-15 16:51:32 0  1  835

JavaScript - シームレスなカルーセルで最後の画像を最初の画像に切り替えるにはどうすればよいですか?

{コード...}

習慣沉默 2017-05-16 13:42:50 0  2  694

JavaScript - ネイティブ JS カルーセル チャート

最近、ネイティブJSのカルーセル画像をいじっていたのですが、切り替えにトランジションを追加したため、最後の画像から最初の画像までの接続に大きな問題が発生しました。アイデアは、最後のピクチャの後に最初のピクチャを追加し、親要素から最初のピクチャを削除することです。このアイデアは次のようなものです。同様のコードを書いたマスターはいますか? できます...

PHPz 2017-05-18 10:46:20 0  4  1168

クリックして確認コードを切り替えるとエラーが発生し、画像を取得できません

Error: captcha:1 GET http://localhost/captcha?id=1504664532 404 (Not Found) すると、取得される画像は認証コードを設定しない場合と同じになります。

清楚叛逆者 2017-09-06 10:23:40 0  4  1642

PHP 警告を修正する方法: WooCommerce カテゴリの未定義の配列キー、ホバー時の画像切り替えコード

子テーマのfunctions.phpファイルに次のコードがあります: //addhoverimagetowoocategorypageadd_action('woocommerce_before_shop_loop_item_title','mem_add_on_hover_shop_loop_image');functionmem_add_on_hover_shop_loop_image(){$image_id=

P粉529581199 2023-08-27 00:13:53 0  1  546

サーバー - git がコードをデプロイし、追跡されていないファイルのコードが表示されます

git を使用してコードをサーバーに同期し、機能ブランチからマスターまたは他の新しいブランチに切り替えてから、追跡されていないファイルがあることを示すプロンプトが表示されます。{コード...}これらの画像ファイルは必要ありません。ローカルマシンはWINですが、違いはありません...

阿神 2017-05-02 09:32:41 0  2  744

Android 上の React-Native でステータス更新が機能しない

スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2Active を状態に設定し、ソースを切り替えるだけです。 iOS では完全にスムーズに動作しますが、Android ではほとんどまったく動作しません。頻繁にクリックすると変更される可能性がありますが、それは明らかに私が望む動作ではありません。したがって、説明したように、スライド可能な水平ギャラリーconstImageである画像コンポーネントがあります

P粉541551230 2024-04-06 16:54:10 0  1  693

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  666

Vite/Vue 3: 画像ソースをプロップとして使用する場合の「未定義の要件」

VueCLIからViteCLIに、Vue3のCompositionAPIからSFCScriptsetupAPIに切り替えました。公式 VueCLI を使用したときは、次のように props 経由でパスのファイル名を渡すことで画像ソースをインポートできました。 <template><img:src="require(`@/assets/${imagePath }`) )"/><テンプレート

P粉301523298 2024-04-06 09:50:25 0  1  604

javascript - jsがローカル画像パスを呼び出す問題について?

インターネット上のビデオを見て、Lu Jin を改造して画像を切り替え、自分で書いてみました。 var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"]; {コード...しかし、アラートを通して、パスが長い文字列であることがわかります。何を渡せばよいでしょうか...

PHPz 2017-05-19 10:08:58 0  4  881

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  821

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  526

非表示のサイドパネルを表示: チェックが入っています

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作りたいと思っています。 :checked 疑似クラスが最適な方法のようですが、それを機能させることができません。私がこれまでに持っているコード： .site-navigation{z-index:99;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ;高さ:1

P粉647504283 2024-04-06 15:49:33 0  1  619

javascript - スワイパープラグインのループモードのバグ?

1. 現在 8 つのデータがあり、5 秒ごとに 5 つのデータを切り替えるように設定し、loop を true に設定すると、~~ データの最後のセットが再生され続けます。つまり、2 番目の画像は 1 回ごとにデータを切り替えます。 5秒で常に6が表示されます。次に7、8、1、2のデータを戻そうとしましたが、前のデータが空で対数が表示されませんでした...

大家讲道理 2017-06-26 10:58:10 0  1  940

スロットを使用してカルーセルを作成するにはどうすればよいですか?

人々は、画像の配列を使用してカルーセルを作成する同じ方法を私に教え続けます。しかし、カルーセルの各スライドにライトボックス コンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場合、カルーセル配列に配置した画像のライトボックスの機能をオーバーライドしたくありません。それは素晴らしいことではありませんか？記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。スロットを使用した非常に良い例を見つけました。 GitHub 上の SSENSE による VueCarousel。 Web 開発にあまり熟練していない私には、彼が各スライドの表示をどの...

P粉817354783 2024-01-10 16:53:13 0  1  462

angular.js - サイト全体で Angular が使用されていますが、以下で説明するような高度にインタラクティブな機能を Angular を使用して実装するにはどのようなアイデアを使用する必要がありますか?

このアプリケーションは次のように説明されます。 1. 領域 C は複数のページに分割されており、ページ間を上下に切り替えることができます。 2. Ax は領域 C にドラッグして、対応する要素 (画像、ボタンなど) を生成できるコントロールです。 3. 生成された画像、ボタン、テキストは C 範囲内でドラッグして位置を変更できます。 4. 生成された画像をクリックします。

習慣沉默 2017-05-15 16:53:09 0  4  671

scrollIntoView() がコンテナをページの先頭までスクロールしないようにします

スクロールスナップを使用するが、現在表示されているスライドを制御するためのナビゲーションボタンも備えた、単純な「主にCSS」画像カルーセルを構築しようとしています。私が見つけた唯一の解決策は、ターゲット要素でscrollIntoView()を使用することです。これは私が望むことを実行しますが、ターゲット要素を常にページの先頭までスクロールします。ターゲットのカルーセル スライドとコンテナーを元の位置に維持し、スライドを水平方向にスクロールして表示したいだけです。 AdamArgyle の例を見ていたところ、彼はこれを実行し、コンテナは元の位置に留まりました、わかりません

P粉690200856 2024-03-26 20:25:28 0  1  515

angular.js - ionic でページを強制的に更新する方法

最近プロジェクトに取り組んでいたとき、以下に示すように、ページ上に 3 つの異なるモジュール状態がありました。私のアプローチは、画像の下に静的ページを作成し、ng-show を使用して黄色の表示と非表示を制御することでした。真ん中の部分は 3 つの異なる状態をシミュレートしますが、あるアカウントから別のアカウントの状態に切り替えます...

漂亮男人 2017-05-15 17:14:24 0  2  884

API 呼び出しのデータが未定義なのはなぜですか?

React.js を使用して映画 Web アプリケーションを構築しました。 API でデータを呼び出すと、データは正常に機能します。ただし、API 呼び出し ID を使用してページを切り替えようとすると、データは未定義になります。 Redux ツールキットを使用してデータを呼び出しています。しかし、カードを押そうとすると、選択したカードからデータを取得するために設定したページの 1 つが下の図のように発生します。コンソールのログを確認してみたところ、結果は次のとおりです。コードを確認したい場合は、envsorryicanshareapikeyVITE_BASE_URL=https://a

P粉726133917 2024-01-29 13:46:53 0  1  516