WeChat ミニ プログラム カルーセル

WeChat ミニプログラムで円形カルーセルを実装する方法

没有尾巴的兔子 2017-11-20 19:16:44 0  1  1868

JavaScript - H5 ページのシームレスなカルーセル

React でのシームレスなカルーセル用のコンポーネント コンポーネントまたは npm プラグインを推奨していただければ幸いです。

过去多啦不再A梦 2017-05-16 13:35:19 0  3  591

javascript - ブートストラップ カルーセル プラグインで、カルーセルが最初と最後のアイテムに到達したときにイベントをトリガーするにはどうすればよいですか?

ブートストラップ カルーセル プラグインで、カルーセルが最初と最後のアイテムに到達したときにイベントをトリガーするにはどうすればよいですか?

迷茫 2017-06-12 09:28:48 0  1  734

ブートストラップ 5: スライダー/カルーセル製品

Bootstrap5 を使用して、次の画面のようなスライダー/カルーセル製品を作成しようとしています。ここに貼り付けます。これが現在のコードです: <style><!--Temporary-->.carousel-control-next-icon{background :black;}</style><!DOCTYPEhtml><htmllang="en"><彼

P粉214176639 2024-03-26 19:24:34 0  1  475

JavaScript - JS におけるエンドツーエンドのカルーセルの原理は何ですか?

一般的なカルーセルは画像の親コンテナの左側を変更することで実装されることが知られていますが、エンドツーエンドで接続されるカルーセルの原理はどうなるのでしょうか？ JSを制御するにはどうすればよいですか?

高洛峰 2017-07-05 10:52:07 0  9  1157

複数のカルーセル スライド上の PHP <form method="post">

言い訳：カルーセルを使ったホームページを作っています。カルーセルはうまく機能します。ただし、各スライドには独自の入力フォームがあります。 1 つのタグ内で 2 つのフォームを結合しようとすると、スライドを変更するたびにページが元のコンテンツにリロードされます。これは、ラベルがすべての入力をまとめて保存し、カルーセル スライドのインデックスが変更されるとフォーム値がリセットされるためだと思います。やりたいこと 別のスライドに切り替えるときに選択したすべての値がリセットされるラッパーを使用するのではなく、1 ページに複数のラベルを配置できるようにしたいです。 isset($_POST['

P粉043432210 2023-09-15 14:13:53 0  1  563

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

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

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

JavaScript - div カルーセルの問題

3つのボタンは順番に並んだ縦3つのdivに対応しており、2番目のdivのボタンをクリックすると、2番目のdivは1番目のdivの位置に、3番目のdivは2番目のdivの位置にスライドします。最初の div は一番下にスライドします。 3 つの div がすべて同時に表示されます。個人的には、これはカルーセルの問題だと思いますが...

黄舟 2017-05-19 10:28:51 0  2  568

JavaScript - カルーセル チャートのジャンプ問題

カルーセルアイテムは全部で4つあり、画面上に3つ表示可能です無線カルーセルを実装するためにhtml内に2つ並べて配置しましたが、位置が開始点の場合、進むボタンをクリックするとジャンプしてしまいますプロセスは実行されますが、Chrome デバッグでのステップバイステップの実行がジャンプしません。何が起こっていますか? js コードは次のとおりです {code...

怪我咯 2017-05-19 10:34:28 0  1  431

javascript - NetEase Cloud の Mac バージョンのホームページのカルーセル効果を研究した人はいますか?

NetEase Cloud の Mac 版アプリのホームページのカルーセル効果を研究した人はいますか? js用の同様のプラグインはありますか?

为情所困 2017-05-19 10:32:00 0  2  543

javascript - jqを使用して上下に画像を含むカルーセルを記述するにはどうすればよいですか?

写真の通り、自動カルーセル中は一番下の小絵は動かず、1秒後に次の小絵にバスケット枠が表示され、一番右の小絵に青い枠が現れると下の絵が表示されます次の秒に、小さな画像が 4 つの小さな画像を左に移動します。このような自動カルーセルを行うにはどうすればよいですか? アイデアを教えてください。これはカルーセル画像のコードです...

黄舟 2017-05-19 10:13:41 0  1  737

JavaScript - 素敵なカルーセル画像を見たので、実装方法を教えてください。

ページ https://www.pingxx.com のカルーセル画像がとてもクールだと思いましたが、両面でフェードアウト効果を実現するにはどうすればよいですか?

某草草 2017-05-18 10:52:10 0  2  505

javascript - カルーセルJSで保存された変数でタイマーを呼び出す方法

{コード...} 理由は、最近全画面カルーセル機能を実装したいと思い、多くの情報をクエリし、多くの Web サイトのコードを参照したところ、ほとんどが難読化されたコードであることがわかりました。理解できなかったので、原始的で粗雑なカルーセル画像を自分で作成しました。js の基礎がしっかりしていないので、問題はたくさんあるでしょう。できればいいのですが...

女神的闺蜜爱上我 2017-07-05 11:08:40 0  1  976

TailwindCSS と Flowbite を使用して、保存された localStorage 値に基づいてカルーセル アイテム数を設定します

TailwindCSS と Flowbite を使用してページにカルーセルを追加します。また、基本的にカルーセル内の 2 つの項目間を循環できるようにするトグル スイッチ要素も追加しました (チェックあり = スライド 2、チェックなし = スライド 1)。これは機能します。私が行き詰ったのは、localStorage に保存されているトグルの値に基づいて、ロード時に「スライド 2」に設定しようとすることです。 localStorage 値が正しく保存/取得されていることを確認しました (「はい」と「いいえ」の文字列として)。次に、ロード時にカルーセルをスライドショーに設定してみました

P粉043566314 2024-03-21 21:45:29 0  1  330

モバイルデバイスに全幅カルーセル効果を実装する方法

携帯電話や小さな画面のデバイスでカルーセルを全幅にするにはどうすればよいですか?ご協力をいただければ幸いです。以下のコードをチェックアウトするか、私の CodePen で直接チェックアウトできます - https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO<divclass="contain"><divid="owl-carousel"class= "owl -

P粉302484366 2023-08-31 09:17:45 0  1  705

JavaScript - CSS カルーセル チャートがレイアウトの問題に適応する

カルーセル レイアウトと同様に、外側の青いコンテナは幅が設定されておらず、100% 適応されます。各サブコンテナの幅は親コンテナの幅と等しく、行に表示されます。親を超えた部分は、要素が非表示になっていますが、jsを使わずに特定の環境下で実現できますか？

给我你的怀抱 2017-06-13 09:23:41 0  3  1071

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

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

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

Vuetify 2 でカルーセル項目に href 属性を追加するにはどうすればよいですか?

私は Vuetify2 を使用しており、ユーザーがカルーセル画像をクリックしたときにユーザーを Web サイトにリダイレクトする必要があります。カルーセルの各項目は別の Web サイトにリンクする必要があるため、複数の href などがある必要があります。 API で提供されているいくつかのプロパティを試してみましたが、それらが正しく記述されているかどうか、または Vuetify2 で有効であるかどうかはわかりません。

P粉937769356 2023-09-16 20:47:32 0  1  566

カルーセル削除操作では、データベース内のデータのみが削除され、アップロード内の写真は削除されませんか?

カルーセル削除操作ではデータベース内のデータのみが削除されますが、アップロード内の対応する画像のうちどの画像が削除されないのでしょうか?

sui 2017-11-29 16:43:03 0  1  1385

モバイル上のカスタム Bootstrap 5 カルーセル (複数の項目、ただし 1 行ではない)

モバイル デバイスでカルーセル レイアウトをカスタマイズしようとすると問題が発生します。モバイル上でカルーセルの項目を 1 つだけではなくすべて表示したいのですが、いくつかの CSS と JS、特に displayfloat または max-witdh を使って試した後、これは不可能だと思い始めています。どこを見ればよいかわからない、間違った場所や物件を表示している。私が何を達成しようとしているのかがわかるように、2 つの画像を含めました。私が達成しようとしているもの: 私が持っているもの: サンプル HTML コードは非常に基本的なコードです。CSS は含めていません。

P粉763662390 2023-09-05 11:53:56 0  1  576