JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  769

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

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

漂亮男人 2017-06-26 10:58:16 0  1  734

javascript - スワイパーのタブ切り替え. 各ボタンをクリックしてスワイパーコンテナを移動させるにはどうすればよいですか?

スワイパー タブ切り替えの各ボタンをクリックしてスワイパー コンテナを移動させるにはどうすればよいですか? たとえば、NetEase の上部タブ切り替えの各ボタンをクリックすると、タブ切り替えコンテナがスクロールします (1: 左右にスクロールでき、コンテンツが画面いっぱいに表示されます)。コンテナ全体。,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  765

javascript - swiper.js での複数の切り替え方向の問題

現在のシーンは次のようになります。左右に切り替わる 4 つのアニメーション ページがあり、各アニメーション ページを下にスライドして別の同じページに切り替えることができる必要があります。現在、swiper.js を使用しています。これらの間でアニメーションを切り替えるにはどうすればよいですか?左右?下にスライドしてページを表示できるのですが、下にスライドして表示されるページも上と同じです…。

过去多啦不再A梦 2017-06-24 09:43:29 0  1  851

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58 0  6  929

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3725

Python Seleniumは画像検証コードを取得します

画像検証コードをローカルにキャッシュし、ユーザーが Web サービスを通じて画像を表示し、コードを手動で入力してログインできるようにしたいと考えています。公式の操作はインターフェイスレスであるため、Selenium のスクリーンショットは使用できません。 Seleniumのスクリーンショットと右クリックの方法以外に何か方法はありますか？現在、jsを使用して認証コードを変換しようと考えています...

PHP中文网 2017-06-12 09:21:28 0  4  1594

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  471

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

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

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

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

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

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

JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  858

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

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

P粉541551230 2024-04-06 16:54:10 0  1  517

vim - 隠しウィンドウを表示するにはどうすればよいですか?

vim test.htmlvsplit test.csssplit test.js 3 つのウィンドウが表示されます。カーソルを左下に移動し、「:hide」コマンドを入力すると、ウィンドウが左右に 2 つだけ表示されます。ウィンドウがいくつあっても右側のtest.htmlは変わらないので、次のように切り替えます。ウィンドウを 2 つだけにして使用します...

阿神 2017-06-19 09:07:54 0  1  1987

JavaScript - 携帯端末の携帯電話アルバムに写真を保存するにはどうすればよいですか?

携帯電話のアルバムに写真を保存するにはどうすればよいですか?要件: ボタンをクリックして、現在の画像を携帯電話のアルバム開発環境 vue2.0 + webpack、js に保存します。この要件を達成する方法はありますか? Baidu ではプラグインとネイティブの両方を使用できます。canvas は見たことがありますが、ただ...

淡淡烟草味 2017-05-19 10:42:09 0  1  1480

toggle 属性が使用されている場合、CSS トランジションを維持できますか?

左から右に移動する div があります。常に画面上に表示され、ウィンドウのサイズが変更されたときに位置合わせされないようにするには、画面のどちら側が近いかに応じて、左右の使用を切り替えます。

P粉465675962 2023-08-02 21:13:37 0  1  456

javascript - 1 ページに 4 つの絵があり、ページをめくるときに、特定の絵を固定してからページをめくりたいのですが、どうすれば実現できますか?

1ページに4枚の写真が表示され、ページをめくるたびに4枚の写真が一斉に切り替わるようなページになっていますが、各写真の左上にチェックボックスを追加したいと思います。画像を選択し、 をクリックします。 次のページまたは前のページでは、この画像は変更されませんが、チェックを外した画像は変更されます。今私は...

给我你的怀抱 2017-07-05 10:57:46 0  1  882

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

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

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

Vue 3 の v-for ループでボタンのアクティブ状態を切り替える

Vue3 でフィルター ヘッダーを作成しています。そこでは表示するカテゴリを選択できるため、スイッチをクリックしてフィルターを切り替えることができます。別のカテゴリをクリックすると、前のアクティブなカテゴリの選択が 1 回だけ解除されます。アクティブなカテゴリがありません。この jsfiddle のように、トグル ボタン (選択を解除するにはもう一度クリック) がなく、v-for ループを使用していない例をいくつか見つけました。これを v-for ループに変換できる自信はありますが、切り替えを簡単に行う方法、および一度に 1 つのアクティブ カテゴリのみを使用する方法がわかりません。これは私で...

P粉046878197 2023-08-27 09:44:54 0  1  456

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

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

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

Chromium ベースのブラウザでピクセル化された背景画像を修正するにはどうすればよいですか?

Chromium ベースのブラウザでは、背景画像として使用される縮小画像はピクセル化され、<img> タグを使用して表示するとぼやけて見えます。背景画像のレンダリングスタイルを変更して、ラベルに表示されているように見せる方法はありますか? image-rendering 属性を試しましたが、background-image では機能しないようです。 Firefoxでは問題なく表示されます。 Brave でのレンダリング例、左の背景画像、

P粉549412038 2024-03-19 21:10:42 0  1  372