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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

スクリプトを使用して、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

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

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

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

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

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

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

Medoo リンクリストクエリの質問

slide_item テーブルのすべてのフィールドをクエリします。スライドテーブルの指定されたフィールドは、slide_item のすべてのフィールドに * で書かれています。別の書き方をしますか? このように書くと、結果は得られません。

红色熊猫 2019-07-30 15:00:12

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

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

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

スライドコントローラーでのインデックスメソッドの使用に関する問題

通常の手順でコントローラーを作成し、次にビューファイルを作成すると、クリックしても正常に表示されなくなり、確認したところ、index.html が次のようになっていました。メインコンテンツがすべて欠落しているのはなぜですか?

驱魔鮔 2019-02-27 16:50:27

JavaScript - スワイパーカルーセルチャートは、高さが一貫していない左右のレイアウトを使用します

スワイパーを使用する場合、左右に2つのレイアウトがあり、左右にスライドさせることができますが、右側のレイアウトは非常に長いため、左にスライドすると上部に配置されません。左ですが、右の滑り場で待ちます。何か良い方法はありますか？ ? ? ?上の写真と同様に、右側の赤いものであれば...

天蓬老师 2017-07-05 10:53:06

JavaScript - js スクロールは項目を上部近くにスライドさせて上部に表示します

今回実装したい機能はスライドリストをスライドさせることで、スライドが静止している場合、上に近い項目が上に表示されます。次のようになります: (力は軽いことも重いこともあり、スライドが静止しているときはどこでも止まることができます)。このエフェクトを実行した人はいますか?アドバイスをお願いします。ありがとうございます...

PHP中文网 2017-07-07 10:34:23

javascript - モバイル端末でマスクレイヤーを表示すると、マスクレイヤー内にスクロールの高さを超えるdivが存在しますが、divをスライドしたときにボディも一緒にスライドしないようにするにはどうすればよいですか？

1. クリックしてマスクレイヤーを表示するときに、ボディに overflow:hidden を追加しないようにします。これは、ボディを下にスライドさせて再度クリックしてマスクレイヤーを表示すると、デフォルトでボディが上にジャンプし、マスクレイヤーが表示されないためです。上に配置:0; 左:0;位置:固定;2. div がスライドするときのバブリング動作を除外します...

过去多啦不再A梦 2017-06-26 10:56:22

JavaScript - 左右にスライドできるナビゲーションメニューを実装する方法

http://m.hexun.com の上部にある薄赤色のナビゲーションバーと同様に、左右にスムーズに移動できます。これにより、電話画面にさらに多くのメニュー項目を表示できます。このエフェクト用のジュースプラグインはありますか? オンラインでスライドメニューを検索すると、Web サイトのナビゲーションが画面の中央から出てきますが、これは希望するエフェクトではありません。

習慣沉默 2017-07-05 11:03:37

リアクティブなモーダルスライドアニメーション

ReactとCSSでモーダルを実装しました。現在、モーダルを開くと、モーダルが下から上にスライドするスライドアップアニメーションを実装していますが、閉じるときにスワイプして下に移動したいのですが、方法がわかりません下にスワイプするアニメーションを正確に作成するために、誰か手伝ってくれませんか?コード=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29

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

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

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

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

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

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

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

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

P粉541551230 2024-04-06 16:54:10

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

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

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

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバーデータベース初期化コネクタのコードスニペットです。

P粉178132828 2023-09-05 11:18:47

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28