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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

スクリプトを使用して、5 つのスライドからランダムに 3 つのスライドを選択して表示し、選択されていない 2 つのスライドを非表示にします

次の HTML と JavaScript コードには、5 つのスライドを含むスライダーがあります。ページが読み込まれるたびに 5 つのスライドのうち 3 つをランダムに選択する必要があり、選択されていない 2 つのスライドは完全に非表示になります。私のコードのどこに問題があるのか教えてくれてありがとう。次のコードを試してみましたが、5 つのスライドがすべて表示されます。ページが読み込まれるたびに、ランダムに 3 つのスライドにコンテンツが含まれ、2 つは空になります。これら 2 つの空白のスライドを表示する必要はありません constslogans=Array.from(document....

P粉068174996 2024-01-29 15:29:10

ajaxを使用してスライドショーをSlickに追加する

そこで私は SlickCarousel を使用し、パフォーマンス上の理由から 24 に制限されているデータベースの製品リストを表示します。しかし、それらをすべて表示する必要があるので、afterChange 関数を作成し、ユーザーが最後までに 2 つのスライドを持っているたびに、ajax はさらに 24 個の製品をロードし、slickAdd 関数を使用して Slick の最後に追加します。すべて正常に動作しますが、slickAdd 関数を実行すると、何らかの理由でスライドの幅が 457 ピクセルから 451 ピクセルに変更され、

P粉937769356 2024-02-26 19:55:30

Vue.js を使用して Swiper でスライドナビゲーション用のカスタムボタンを作成する

デフォルトのナビゲーション (nextEl、prevEl) を削除し、「次のスライドボタン」というテキストのボタンを次のスライドにスクロールする必要があります <swiperclass="news-slider":sliderd-per-view="1" :modules= "[ナビゲーション,ページネーション,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51

Cypress でクローンの重複を除外したループスライドショー

私は Cypress を初めて使用するので、クローンされた重複を除外してスライドショーを循環させようとしています。サイプレスで .each() によるインデックス作成を使用していますが、これは機能しません。以下は私のコードです if(index!=0&&index>=22){//dosomething}else{//dosomething} 以下は私の HTML コードのサンプルスナップショットです: 元のスライドにのみループするロジックを思いつく人はいますか? ?

P粉197639753 2024-03-25 22:41:02

スライド矢印のクリック領域がアイコンより広い

私の WordPress 開発サイトには、ギャラリー用のスライドショー機能があります。画像をクリックするとスライドショーが始まります。私の問題は、左側と右側の 2 つの白い矢印です。矢印のクリック可能領域はアイコンのサイズよりも広いです。以下の写真をご覧ください。クリック可能な領域はアイコンよりも広いですこれは私の開発 Web サイトの URL この質問にコードを含めようとしましたが、「あなたの質問はスパムのようです」と言われました。 CSS ファイルは「https://dev.francisbegin.ca/wp-」です。

P粉195200437 2023-09-13 19:29:50

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

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

P粉043566314 2024-03-21 21:45:29

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

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

P粉043432210 2023-09-15 14:13:53

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

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

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

スライダーの進行状況バーがスライドの数と一致しません

7 つのアイテムを含むカルーセルを作成しました。デフォルトでは、このカルーセルには 5 つの項目が表示されます。私のデモでは 2 つの問題に遭遇しました。スライダーが無限にループするように設定されていましたが、スライド 1 に戻っても進行状況バーがリセットされませんでした。スライダーが最後に達すると、(スムーズな移行ではなく) すぐにスライド 1 に戻ります。 7 番目のスライド (7 番目のカード) が表示されると、進行状況バーが完了します。 $slider.slick("getSlick").slideCount の console.log

P粉587780103 2023-08-25 16:17:45

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

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

P粉817354783 2024-01-10 16:53:13

JavaScriptオブジェクトの問題

jsオブジェクトについて、実際の開発でよく使われる知識は何ですか？配列？時間？正規表現？たとえば、スライドショーやその他の特殊効果にこれらを使用する必要がありますか?

PHPz 2017-05-18 10:52:15

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

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

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

R Markdown でスライドのタイトルを中央に配置するにはどうすればよいですか?

2 つのセクションの間に空白のスライドを追加し、その中央にメインタイトル形式の短いタイトル (単一の #) を追加したいと考えています。出来ますか？

P粉154228483 2023-09-15 18:22:53

3 つの要素ごとに親要素をラップします

検索オーディオ用のクラスを含む 3 つの div ごとに、スライドショークラスを含む div をラップしたいだけです。私が受け取ったエラーの 1 つは、elem.parentElement が未定義であるということでした...そのため、この部分は正常に機能します... constaudioBlocks=document.querySelectorAll('.search-audio');constslider=document.querySelector(' .slider');コンスタジオ

P粉211273535 2024-04-02 13:11:31

Vue スロット要素を使用したテンプレートループでのレンダリング

スライドの HTML をコンポーネントに渡し、スロットを使用して別のコンポーネントにレンダリングしようとしています //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div ><div>slide2</div></template></my-carousel

P粉514458863 2023-09-15 10:37:00

アニメーションコンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

ページめくりのアニメーションを使用して、本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！カルーセルを考えていますが、スライドショーはページ全体であり、アニメーションコンテンツ、アニメーショントランジションをサポートしており、テキスト...

P粉674757114 2023-09-10 17:41:45

PHP: サブフォルダー内のすべての画像を 1 つのフォルダーにコピーする方法 (サブフォルダーを作成する必要はありません!)

妻の誕生日パーティーのために、私はパーティーのゲストの画像を集めたウェブサイトを立ち上げ、記念品として素敵な本を作りました。ゲストはアカウントを持っており、画像を「自分の」フォルダーにアップロードします。私は現在、写真から動的にスライドショーを作成するツールを持っていますが、残念ながらサブフォルダーを横断することはできません。したがって、私の主な目標は、画像ファイルを指定されたフォルダーにコピーし、そこからスライドショーで取得できるようにすることです。次に、PHP スクリプトを cron として 5 分ごとに実行し、パーティーの間、画面に画像を表示します。見つけた

P粉877114798 2024-01-29 09:16:15

JavaScript と Jquery: クリックされた要素のインデックスを見つける

スライドショーを作成していますが、次の質問で困っています - ラベルがクリックされたときに配列内の位置 (インデックス) を見つけるにはどうすればよいですか?次のコード部分は、すべての a タグを取得します this.thumbs=this.nav.find('a'); どこから始まりますか?もう 1 つ問題があります。ラベルがクリックされたときに、ラベル内の div のクラスを切り替える必要があります (div ラベルは classpromo_tumb_current を取得する必要があり、そのラベルを持つ div はそれを失う必要があります)。 HTML コード: <divclass...

P粉022140576 2023-08-25 14:55:21

JavaScript-キャンバス描画

初めて Canvas のdrawImage を呼び出してローカル画像の一部を描画する関数を作成しました (成功する可能性があります)。次に toDataURL を呼び出して Canvas によって描画された画像を画像オブジェクトの src 属性に変換します。キャンバスに描かれた絵は、二次描画でも同じメソッドを呼び出します...

PHP中文网 2017-07-05 10:46:27