に質問検索_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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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