JavaScript - 遅延ロードの使用法の問題

{コード...} このように、マウスを下にドラッグすると画像が表示されますが、Miaodian を使用して特定のフロアを見つけると、画像は読み込まれず、デフォルトの画像のみが表示されます。表示されません。

漂亮男人 2017-05-19 10:13:50 0  1  372

javascript - forEach ループの後に出力されるのは最後のデータのみですか?

コードに示されているように、foreach ループの後に生成されるデータは最後のデータのみですか?私の console.log(index); コンソールは 0、1、2、3、4 を出力できますが、最終的にページに表示される画像はすべて 4 の場合の画像です。 {コード...} これはページに表示される効果です。写真はすべて...

高洛峰 2017-05-19 10:09:07 0  3  649

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックス レイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  334

セッション使用後に画像検証コードがエラーを報告する

セッションが開いていない場合の効果です（認証コードの画像は正常に表示されます） ---------------------------- --ゴージャスな分割線-- -------------------------------------- こちらがセッション開始後の効果 (映像ショーなし)-------------------------------------- -------- ------------------------

富贵 2017-10-04 01:31:24 0  2  1403

vue.js - weex に背景画像属性がない場合はどうすればよいですか?

背景の高さは決定できますが、背景の幅は表示されるデータの幅に基づいて決定されます。背景画像を使用せずにこの効果をどのように実現できるでしょうか?

滿天的星座 2017-06-22 11:53:32 0  2  1515

CSSで画像のパスを変更しても機能しない

CSS の画像パスは静的 Web サイトで変更され、サーバーにアップロードされます。Web サイトを開くと、変更されていない元の効果が表示されます。画像は個別に開くことができます。変更された画像には絶対パスがあります。これはどうすればよいですか?対応しましたか?ありがとう!

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1640

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

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

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

JavaScript - tinymce エディターでコンテンツ画像のサイズ変更を無効にするにはどうすればよいですか?

タイトルにあるように、現在、Weibo コンテンツを送信するためのエディターとして tinymce が使用されています。画像を挿入した後、画像をクリックするとサイズを変更できる、つまり 4 つの点が表示され、画像を拡大または縮小できることがわかりました。これを無効にするにはどうすればよいですか?

巴扎黑 2017-07-05 10:41:20 0  1  1165

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

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

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

Summernote エディタに直接コピーした画像のアップロードと表示の問題

画像ボタンを使用せずに、Summernote エディタに直接コピーした画像をアップロードするのに問題があります。問題の概要とこれまでに行った手順を次に示します。 Summernote を Web アプリケーションに統合し、貼り付け機能を有効にして、ユーザーが画像をコピーしてエディタに直接貼り付けることができるようにしました。画像を貼り付けると、エディターに不明な画像として表示されます。ただし、AJAX を使用して画像をアップロードし、サーバーに保存しているときに、サーバーから画像を取得して Summernote エディターで表示しようとすると、画像が

P粉505917590 2024-03-21 23:48:43 0  1  444

画像サイズがコンテナ制限を超えています

次のスクリーンショットを投稿しました。1 つの画像がコンテナーの制限を超えている一方で、他の画像は正しくスタックされていることが示されています。 CSSではまだ何もしていません。 enterimagedescriptionhere この特定の画像に対して特に max-width を使用しようとしましたが、すべての画像を含む div をグリッドとして表示するとすぐに制限を超えてしまいます。

P粉083785014 2023-08-14 20:13:56 0  1  544

javascript - js制御要素のスタイルに関する疑問

{コード...} 上記のコードに示すように、slider_box は 1 秒ごとに 20% 左 (1 画面) にスライドしますが、問題が発生します。100% までスライドすると、左にスライドできなくなります。 (さらにスライドすると、画像は表示されません))、ただし、他のプラグインで見た効果は、slider_box のスライド変化が 1 秒ごとに -20% から 0 から -... になるということです。

伊谢尔伦 2017-07-05 10:39:55 0  4  785

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  317

JavaScript - スワイパー画像をスワイプできません

質問の件名は、要求されたデータがなかったため Vue で書かれていたため、偽のデータが作成されました: これは動的に生成された img タグであり、ページ上で使用されます: しかし、Chrome を開いて効果を見ると、これはスワイプできず、最初の画像しか表示されないということですが、その写真の動的生成された画像も以下のように正しい構造になっているのですが、なぜ描画できないのでしょうか...

黄舟 2017-07-05 10:48:46 0  6  1253

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1065

css - float 要素が落ちる問題を解決する方法

この効果を実現したいのですが、現在のコードは次のようなものです {code...} {code...} を変更した後、それを解決する方法を知りたいです。幅を縮小するには、div の背景画像が表示されます。写真を比例的に拡大縮小する方法はありますか?

怪我咯 2017-05-16 13:36:42 0  7  1198

Chrome 拡張機能がパスとファイルにアクセスできるようにする方法

Opera 拡張機能を作成していて、拡張機能のパスに保存されているいくつかの画像を取得したいと考えています。このプラグインが行うことは、特定の Web ページで、背景画像の URL と一部のアイコンを拡張機能内のカスタム アイコンに変更することです。ただし、スクリプトを実行すると、すべてが非表示になり、画像のロードに失敗します。ロガー内では chrome-extension://invalid/net::ERR_FAILED が表示されますが、パスをログに記録すると正常に見えます。マニフェスト.json ファイルには、Web があります。

P粉644981029 2024-02-26 23:12:34 0  1  772

CSS が同じカテゴリ内の 1 つの div にのみ有効になるように制限する方法

マウスオーバー時に画像の上にタイトルを表示させようとしていますが、それらはすべて同じクラスを持つ必要があります。私が求めていることが可能かどうかはわかりませんが、さまざまな解決策を検討したいと思います。これが私の現在のコードです。 <divclass="item"><imgclass="Placeholderimg"src="placeholder.jpg"><divclass="hov

P粉475315142 2023-09-09 21:32:30 0  1  503

ループを使用して Vue.js のすべての要素を表示すると、要素の 1 つを非表示にしたいのですが、すべての要素が非表示になります

編集をクリックしていない最初の画像 編集をクリックしたときの2番目の画像 ここでどの編集ボタンをクリックすると、ループ内のすべてのタスクとそれが含まれるセクションが非表示になります。そうでない場合、セクションは表示されますが、編集ボタンを押したときに特定のタスクを非表示にしたいですをクリックされます。誰か助けてくれませんか？ <script>exportdefault{data(){return{newTaskTitle:"",isEditing:false}},props:{Task:{type:

P粉613735289 2024-02-26 14:09:42 0  2  404

JavaScript - ハイチャート データのレンダリングについて

画像の説明 上のグラフはデータを動的に追加します。コード内の変数 xdata は時間で、形式は 17:21:11 です。これは印刷でき、Y 軸も通常どおり印刷できます。しかし、現在、Y 軸のデータは正常にレンダリングできますが、X 軸が表示できません。期待される効果は時刻を表示することであるはずですが、今は...

習慣沉默 2017-06-26 10:53:06 0  1  848