に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

女神的闺蜜爱上我 2017-07-05 11:08:40

javascript - スワイプの左右切り替え矢印をクリックすると、スワイプソースコードの slideNext 関数内で現在の vue インスタンスにアクセスします。

現在の要件は、vue を使用してタブバーとスワイプを備えたカルーセルコンポーネントを作成することです。カルーセル画像の左右のヘッドをクリックすると、スワイプの slideNext 関数で現在のページのページ番号を取得し、そのページ番号を vue インスタンスに渡してカルーセル画像の同期効果を実現したいと考えています。そしてタブバー！しかし、今ではさまざまな...

漂亮男人 2017-06-26 10:58:16

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

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

黄舟 2017-05-19 10:13:41

カルーセルが正しく表示されず、移動できません。

先生の足跡に従っていきましたが、メリーゴーランドは動きませんでした。

千里同**络科技**** 2020-08-09 15:16:57

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

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

高洛峰 2017-07-05 10:52:07

エラーを報告する

先生、あなたのコードに基づいてカルーセル画像を作成しました。カルーセルボックスのクリックイベントをバインドするときに、「プロパティ 'onclick' of null を設定できません」というエラーが発生するのはなぜですか?

P粉373939045 2022-12-21 22:44:27

javascript - 画像カルーセルタイマーの設定に関するネイティブ JS および jQuety

画像カルーセルについて、自動再生の設定: ネイティブ JS コードを使用する場合、現在 2 つの方法がわかっています。1 つ目: {code...} 2 つ目 (oBtnNext は取得したボタンを指します): { Code..問題は、jQuery($("#next") が使用された場合、上記と同等であるかどうかです...

大家讲道理 2017-07-05 10:58:00

ヘッダー画像、テキスト、ボタンをレスポンシブにする方法

Bootstrap5を使ってWebサイトを作っています。ウェブサイトのヘッダーでは、Bootstrap のカルーセルをヘッダーに使用しています。カルーセル画像では、テキストやボタンを表示することもできます。画像、テキスト、ボタンをレスポンシブにしたい。メディアクエリを使ってみましたがやり方がわかりません。 test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15

依存関係の状態が変化していないにもかかわらず useEffect がトリガーされるようです?

React プロジェクトでカルーセルコンポーネントを構築しようとしています。実際には、DOM を直接変更するのではなく、Refs を使用して純粋な JS で書かれた既存のカルーセルコンポーネントを利用しようとしています。 (classNamecurrent-slide を使用して) シーケンス内の最初のスライドを現在のスライドとしてマークしてカルーセルを初期化しようとすると、問題が発生します。このアクションを、{topMovies} が依存関係である useEffect フックに置きます。 {topMovies} は

P粉946336138 2023-08-15 16:21:30

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

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

P粉937769356 2023-09-16 20:47:32

カルーセルと組み合わせたlayuiポップアップボックスを作成するにはどうすればよいですか?

題して。ポップアップボックスを書きたいのですが、クリックすると上部にカルーセルがあり、下部に説明が表示されます。WeChat公式アカウントで使用しようとしています。リンクまたはガイドを教えていただけますか?

凡人 2019-09-26 14:22:12

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

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

PHPz 2017-05-18 10:46:20

ページに画像が読み込まれない

Web アプリケーションにスライド画像をロードしたいので、Bootstrap カルーセルを使用しています。背景から写真を取得します。画像はイメージ状態で保存されます。以下はデータを取得するための JSON 形式です。画像:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 画像をアップロードした後、画像は Nodejs の特別なフォルダーに保存され、そこからエンドポイントを使用して画像。以下は Nodejs コードです image.get('/Images/getImag

P粉238433862 2023-09-09 20:59:03

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

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

给我你的怀抱 2017-06-13 09:23:41

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

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

P粉690200856 2024-03-26 20:25:28

JavaScript - React でビデオを自動的に再生する方法

私のアプローチは、ビデオをピクチャーマスクに置き換えることです。マスクをクリックするとディスパッチアクションがトリガーされ、マスクが消えてビデオラベルが表示されますが、Apple はそうしません。携帯電話や Android のどちらでもビデオを自動再生できない場合、ビデオを再生するにはビデオの再生ボタンをクリックする必要があり、効果があまり良くありません。何か解決策はありますか?

仅有的幸福 2017-07-05 11:03:35

javascript - 画像をクリックして拡大または縮小するために使用できる簡単な JS はありますか?

htmlで画像を拡大・縮小できるjsを参考にしたいのですが、画像は大きい画像と小さい画像の2種類を使うのがベストですモールのコメント用にもっと簡単な画像共有機能はありますか?わかりません。

習慣沉默 2017-05-19 10:47:30

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

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

P粉763662390 2023-09-05 11:53:56

JavaScript - モバイル Web ページの入力ボックスを下部に固定するにはどうすればよいですか?

上の図に示すように、ユーザーがホームページ上の入力ボックスをクリックすると、キーボードがポップアップし、入力ボックスが部分的にブロックされる場合があります (以下に示すように)。現在の処理方法は、resize {code...} を実行することです。入力ボックスがフォーカスを取得した後、目的はウィンドウサイズをリセットして、元々下部に表示されていた入力ボックスが表示されるようにすることです。

仅有的幸福 2017-06-24 09:43:57

javascript - echarts+bootstrap モーダルボックスの小さな穴。

現在、ブートストラップモーダルボックスに echarts チャートを表示する PC プロジェクトに取り組んでいます。ユーザーがボタンをクリックすると、echarts チャートのコンテンツを含むモーダルがポップアップ表示されます。 1. まずモーダルボックスを作成します~ HTML: {code...} JS: {code...} 2. チャートをレンダリングします: {code...} この時点でできることは...

迷茫 2017-06-12 09:31:22