純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11 0  1  464

JavaScript - Ionic は前のページに戻る前にユーザーにどのように確認を求めますか? ユーザーが「いいえ」を選択すると、戻る操作はキャンセルされ、ユーザーは現在のページに留まりますか?

Ionic は、前のページに戻る前にユーザーに「現在のデータは変更されました。変更を中止して戻ることを確認しますか?」とどのように尋ねますか?ユーザーが「いいえ」を選択した場合、戻る操作はキャンセルされ、現在のページに留まりますか? $ionicView.beforeLeave イベントで問い合わせボックスをポップアップするコードを記述することはできないようです。

某草草 2017-05-31 10:38:31 0  1  692

CSS連続アニメーション

次の CSS コードがあります。問題は、アニメーションが希望どおりに動作するのですが、10 秒が経過するとリセットされてしまい、見苦しいことです。理想的には、再起動する代わりに画像をラップし、画像の左側がキャンバスから出たときに右側から戻ってくる無限アニメーションを実現したいと考えています。 @keyframesscrollRight{0%{背景の位置-x:30%;}100%{背景の位置-x:130%;}}.onrir{背景

P粉928591383 2024-03-20 12:30:42 0  1  504

Linux でシステム時刻のハードウェアへの同期を無効にする方法は?

デュアルシステムを使用しているので、Linux に入るたびに時刻が UTC に変わりますが、それが間違っていることがわかり、毎回正しい値に戻ります。 win のいずれかが Linux に入ると、時間が変更され、utc に戻ります。 Linux も BIOS を変更する時期が来たと思います。BIOS が自動的に変更されないようにする方法はありますか?

世界只因有你 2017-05-16 13:31:40 0  1  743

空きスペースが増え続けていますが、その理由がわかりません

質問の画像: 質問の画像 前の画像を見ると、そこに大きな空きスペースがあることがわかります。通常のディスプレイ (約 1200 ピクセル) を使用している場合は、すべて問題ありません。ただし、幅を縮小すると、常に空きスペースが増加しますが、なぜこれが発生するのかわかりません。正常に表示されている画面の画像: 正常に表示されている画面の画像 コードがわかりやすく書けるように、HTMLとCSSのコードの一部をアップロードします。 .about-me{マージントップ:10px;最大幅:100%;最大高さ:10

P粉729518806 2023-08-14 19:03:11 0  1  575

JavaScript - 携帯電話でトップに戻る効果を実現するにはどうすればよいですか? （携帯電話のスクロールバーは隠れてしまい検出できません） 私が使用しているsuiフレームワークのアンカー機能は使えません jsメソッドはありますか？

タイトルのように、 sui フレームワークを使用しているため、ルーティング機能を無効にしたにもかかわらず、トップに戻るための js メソッドはありませんか。スイフレームワークに詳しいマスターはどうやって実装すればいいですか？

ringa_lee 2017-05-16 13:31:29 0  1  1261

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

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

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

Peter Zhu の thinkphp 教育ビデオの記事公開機能について?

検証ルールのタイトル画像が必須に設定されており、フォームのタイトル画像にアップロードされた画像があるのに、タイトル画像を空にできないというメッセージが表示されるのはなぜですか?なぜこの検証ルールを削除することにこだわるのでしょうか?

柳东衾 2018-05-28 09:44:19 0  0  1007

JavaScript - アトムエディターのミニマップに関する質問

説明がわかりにくいので、上の図に移動してください。マウスの左ボタンを押したまま画像をつかんで下まで引き下げ、マウスの左ボタンを放すと上に戻ります。最初の写真と同じです。上は現在のアトムエディターのミニマップの状況です。一番下までスクロールしたいのですが、マウスを放すと一番下になり、戻れなくなります...

黄舟 2017-05-19 10:26:44 0  1  397

Image Flex は他のデバイスに焦点を当てますが、私のラップトップには焦点を当てません

Web ページを作成していて問題が発生しています。ページのフレックスに 4 つの画像が表示されています。[検査] をクリックして他のデバイスでどのように表示されるかを確認すると、上部に 2 つの画像が表示されます。画像、下部にさらに 2 つの画像があります。ここに画像の説明を入力しますが、戻ってラップトップに表示すると、上部に 3 つの画像、下部に 1 つの画像が表示されます。ここに画像の説明を入力してください。常に画像が表示されるように修正するにはどうすればよいか考えていました。最初の写真から（上に2つ、下に2つ）。これは私のコードの一部です img{widt

P粉270891688 2024-02-17 20:18:55 0  1  412

Python で値変更ステートメントが設定されていますが、なぜ機能しないのでしょうか?

ファイル内の一部のデータを元の値に戻し、欠損値を0にしたいのですが、最終結果はすべて0になってしまいます コードの何が間違っているのでしょうか? 元データ 画像記述 処理結果 画像記述 {コード... }

淡淡烟草味 2017-06-28 09:25:55 0  1  843

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

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

習慣沉默 2017-05-19 10:47:30 0  2  777

javascript - キャンバスによって生成された画像を取得する方法

画像を合成する必要があるのですが、バックグラウンドのキャンバスで生成された画像を直接キャプチャしてフロントエンドに戻すことはできないでしょうか?

伊谢尔伦 2017-06-05 11:09:30 0  1  570

SQL で別のテーブルの列を参照して、あるテーブルにデータを挿入する

2 つのテーブルを作成しました。1 つはanimation_companies (アニメーション会社)、もう1つはcartoon_characters (漫画のキャラクター)です。ここで、「私が作成したデータベースに情報を挿入するよう要求する監督者をシミュレートする」という文書を受け取りました。データは次のとおりです。animation_companies (アニメーション会社) テーブルには、次の 3 つのレコードのみが含まれています。

P粉342101652 2023-08-02 16:27:21 0  1  568

モジュールが見つかりません: エラー: 'DavidDaDon.png' を解決できません

ここで何が間違っているのかよくわかりません。これらの PNG 画像は src フォルダーにあり、require パスと相対パスを使用して画像を参照しています。気が狂いそうになる。参考までに、親しい友人や家族との誕生日のお祝いのカウントダウンを作成しているのですが、画像がアコーディオン効果で表示されてしまいます。

P粉001206492 2023-07-27 21:01:30 0  1  624

画像/コンテンツが div 内に含まれていません

ページの最初の div 内に画像を含めようとしていますが、何らかの理由でページの外にあります。すべてのリソースはフレックスボックス内にあります。画像の代わりにテキストをその div に入れると、完全に正常に動作します。私が話している画像とdivを赤で囲みました。このコード スニペットは完全なコードではないため、私が話していることはわかりません。 .landing{height:100vh;display:flex;align-items:center;justify-content:cent

P粉983021177 2024-04-03 10:15:05 0  1  560

thinkphp のコントローラーで Request::File('image'); を使用する

ViewControllerError: Request::File('image'); の戻り値は null です。アップロードされた画像のパスを取得するにはどうすればよいですか?

Finestudio JZ 2021-08-23 10:24:31 0  6  1568

メディアクエリによりテキストが圧縮される

そこで私は現在、友人がスタートアップ企業で使用するウェブサイトを構築するのを手伝っています。 「会社概要」セクションで問題が発生しました。コンピューターでは画像なので、Flexbox を使用して画像の横にテキストを追加します。ただし、モバイルでは、テキストは画像の下にある必要があります。ただし、現在テキストは画面の半分を占めており、画像の上に収まるように押しつぶされています。いろいろ試してみましたがわかりません。何らかの助けが得られることを願っています。いろいろ試してみましたがわかりません。何らかの助けが得られることを願っています。

P粉978551081 2024-03-20 11:44:46 0  1  462

JavaScript - 百度オフラインマップの背景を変更するにはどうすればよいですか?

上の写真のように、他の人のウェブサイトを見ると、オフラインマップを使用していることがわかりましたが、これらの背景画像がどこから来たのかわかりません。

仅有的幸福 2017-05-19 10:13:01 0  1  634

ユーザー画像をアップロードせずにデータを編集する際のエラーを回避する

そのため、ユーザーのデータを更新すると、データベースにユーザーの画像をすでにアップロードしているにもかかわらず、画像を再度アップロードするというエラーが発生します。画像をアップロードせずにユーザーを保存し、アップロードした画像をデータベースに保持する方法を誰か教えていただけますか?エラーは java.IOException: 画像ファイルを保存できません: 原因: java.nio.file.DirectoryNotEmptyException: profile-image/4 これは私のコントローラー @PostMappi です

P粉707235568 2024-03-31 12:44:01 0  1  410