Vue の遅延読み込みバナー

ページには 5 つのバナーがあり、ユーザーのクリックに基づいて表示または非表示を選択します。この時点で、バナー データは API から取得されており、API 上のバナー エントリごとにバナー コンポーネントを繰り返しています。ユーザーがクリックした後にのみ画像をダウンロードする方法はありますか?遅延読み込みのネイティブ動作を試しましたが、画像はすべて最初のスクロールに表示され、ユーザーのクリックによって画像を表示または非表示にするため、最初に画像が読み込まれます。 <banner-basev-for="bannerinentry.banners":key="...

P粉041758700 2024-03-28 23:03:47 0  1  560

javascript - 全画面フルページページのコンテンツが1画面を超える問題

デザイン上の画像は1920x946なのですが、ぴったり1画面に表示するにはどうすればよいでしょうか? REMを使用するとコンテンツの高さが1080に調整されるため、1画面表示を超えてしまいますか?答えを期待します

巴扎黑 2017-07-05 10:52:24 0  3  1214

写真内の画像のアスペクト比

次のようなタイトルの画像があります。 タイトル CSS には img{max-width:100%} もあります。画像の幅と高さを同時に設定し、幅が設定値を下回った場合でもそのアスペクト比を維持したいと考えています。それで、私は次のようなコードを試しました： タイトル これはほぼ私が望むものですが、画像が「レターボックス化」されている場合、タイトルは画像の下部からかなり離れています。タイトルを画像の下部にぴったりと合わせたまま、希望の結果を得る方法はありますか?

P粉557957970 2023-08-17 20:24:04 0  1  541

javascript - Nodejs は画像をトリミングできますか?

大きな画像の真ん中を一定の幅と高さに切り取ったもので、加工された画像は「https://img.biaoqing.com/work...」などのサーバー上にあります。

为情所困 2017-06-22 11:54:27 0  3  1008

画像を変換およびフィルタリングするとオーバーレイが生成されます

画像にホバーすると画像のサイズが大きくなり、ホバーした画像が他の画像によって切り取られないコードを見つけました：tutorialsrepublic.com しかし、次のコードも入力すると： img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43 0  1  1065

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

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

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

android - CoordinatorLayoutを使って画像内のレイアウトを実装している場合、リストをスライドさせた際にトップ画像もスライドで変化させるにはどうすればよいでしょうか？

この画像とリストには重なったレイヤーがあります。リストが画像の下にある場合、それは非常に簡単です。今の問題は、リストを画像内のこの位置にフロートさせる方法がわからないことです。

高洛峰 2017-06-14 10:51:33 0  1  879

JavaScript - IE および 360 セーフ ブラウザ互換モードでは Web サイトのバナー画像が空白になる

1. Web サイトは dedecms のテンプレートです。テンプレート コードを自分で変更しました。これはホームページ (http://www.yxjfu.com/index.html) の画像のコードです。 2. Web サイトは Google にあります。 、Firefox、および 360 スピード モード。通常。 IE の 360 互換モードで開くと、バナー画像が空白で表示されることがあります。

怪我咯 2017-07-01 09:12:18 0  1  1518

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

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

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

JavaScript-キャンバス描画

初めて Canvas のdrawImage を呼び出してローカル画像の一部を描画する関数を作成しました (成功する可能性があります)。次に toDataURL を呼び出して Canvas によって描画された画像を画像オブジェクトの src 属性に変換します。キャンバスに描かれた絵は、二次描画でも同じメソッドを呼び出します...

PHP中文网 2017-07-05 10:46:27 0  1  812

Python - Qiniu Cloud リモート画像アップロードのデモを探しています

Python初心者でScrapyを使ってWebページの画像を収集すると相手がクロスドメイン表示を禁止するのでQiniu Cloudに画像を保存することを思いついたのですが、Qiniu CloudのPython APIちょっとわかりにくいです。聞きに来ました。リモート画像を Qiniu Cloud に保存するためのデモはありません。あれば、投稿していただけますか...

代言 2017-06-12 09:26:44 0  1  979

apache - こんにちは、カスタム ドメイン名を更新できません

こんにちは、私のスペース名: heili88 です。私の画像 (heili88.duapp.com) は更新されましたが、カスタム ドメイン名 (www.yndhl.com) (shop.yndhl.com) は更新できず、壊れた画像があります。技術者に見てもらってください。ありがとう

曾经蜡笔没有小新 2017-05-16 17:03:40 0  1  404

html - CSSで絶対パス画像を背景として使用する方法

表示する画像がたくさんあるプロジェクトに取り組んでいます。後のメンテナンスの便宜のため、画像をアップロードし、絶対パスを使用して表示用に参照する予定です。こうすることで、後で画像が更新または追加された場合に、プロジェクトを変更する必要はありません。画像メンテナンス場所に行って変更するだけです。

怪我咯 2017-06-17 09:15:48 0  2  3564

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

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

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

JavaScript - React でコンポーネントを強制的に更新するにはどうすればよいですか?

URL を通じて画像をロードするコンポーネント内に &lt;img src='127.0.0.1/img' /&gt; タグがあります。最初は真っ白な画像が返されると想定されています。ユーザーがボタンをクリックした後、背景処理画像が真っ黒になります。現時点では、クライアントがこの変更を自動的に更新でき、画像が次のように表示されることを願っています...

漂亮男人 2017-05-19 10:30:06 0  3  1131

カウントダウンの画像を変更する方法

このカウントダウンを取得して、残り時間の数字の画像を表示しようとしています。ばっちり成功。これらの数字を画像に配置できるようにしようとしています。ついにやり遂げました。今、数字の表示を停止し、変更まで残り 1 日として画像に投影しようとしています。失敗した！また、カウントダウンが終了日に達したときに画像を変更したいと考えています (この場合はハッピーハロウィーンの画像)。失敗した！もう一つは、カウントダウンは翌日にまたイメージを変える必要があるということです。これが私の現在の状況です。イメージが変わるまでには至っていません。 functiongetImg(数値)

P粉668113768 2023-08-17 18:43:07 0  1  595

オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  699

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

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

P粉877114798 2024-01-29 09:16:15 0  1  476

php - PDFをクリアなPNGに効率的に変換する方法

要件は、画像を拡大した後、画像上の小さな文字がぼやけすぎずにはっきりと見えるように、高解像度のベクター PDF を PNG に変換することです。 現在のソリューションは PHP imagick であり、setResolution を 500 に設定すると、望ましい明瞭さが達成されます。このとき、1 つの PNG ファイルは 5000X5000 の解像度の画像になり、ファイルは...

过去多啦不再A梦 2017-05-16 13:01:37 0  2  887

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

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

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