問題タブ [interchange]

私の会社の誰かがフィッシングの対象になっています。私の最初の提案は、パスワードを変更することでした。しかし、しばらくして彼女のアドレスからまた偽のメールが届きました。

電子メールの生のソースを見ると、X-Sender-ID に別の人の電子メールがあることがわかりました。それはメールを送信した人ですか、それともハイジャックされたアカウントですか? （メールを「somebody@host.com」に置き換えました）

X-Sender-ID とは何ですか? そして、そこに含まれる電子メールは何ですか？

現在、10万ステップ、メモリ容量16万ワードのPLCを使っているとします。 DM：32Kワード EM：32Kワード×4バンク（OMRON CJ2H-CPU65）。15万ステップ、メモリ容量352Kワードの予備のPLCがあります DM：32Kワード EM：32Kワード×10バンク（OMRON CJ2H-CPU66）。

オムロン CJ2H-CPU65からオムロン CJ2H-CPU66に交換したいのですが、すぐに交換できますか？私は PLC プログラミングにあまり慣れていないので、PLC ごとにメモリのアドレス指定が異なるのではないかと心配しています。基本的に、CJ2H-CPU65からCJ2H-CPU66へシーケンサプログラムをそのまま流用できますか？

サイズ変更時に interchange-foundation 6 を使用して、画像のsrcの代わりに属性data-srcのパスを置き換えることは可能ですか?

また、DIV の背景画像でも同じ動作を行います。data -src のパスをstyle="background-imageの代わりに置き換えます。

ビューポートのみに画像を表示しようとしています。インターチェンジを使用した手動の遅延ロードです。

ページの読み込み時に src を削除しています:

次に、画像がビューポートに触れると、src または背景画像が追加されます。これはうまく機能していますが、私の問題は、サイズ変更時に画像が自動的に表示されることです。

そのため、Interchange がdata-srcを使用してurlを変更する場合、URL を取得して必要な場所に貼り付けることができます。

私を助けることができる誰かにとって意味があることを願っています。

どうもありがとうございました！

Zurb Foundation フレームワークの使用。レスポンシブ画像を提供する Foundation Interchange というコンポーネントがあります。

https://foundation.zurb.com/sites/docs/interchange.htmlを参照してください

ビューポートに基づいて画像を提供しますが、遅延読み込みをサポートしていないため、Intersection ObserverAPI を使用して一部の画像を遅延読み込みしたいと考えています。

https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/を参照してください

目的：

IMG何かを遅延ロードしてクラスに「遅延」を与えることを選択するとFoundation Interchange、低解像度/小さなプレースホルダー画像が提供されます。この部分は簡単です。次にIntersection Observer、パス内の 1 つのフォルダーを単純に変更して、高解像度の画像を指すようにします。これは難しい部分です。

重要な注意点：

レスポンシブ画像を読み込んでいるため、ほとんどの手法は機能しません。そのため、ビューポートによって異なる 1 つの画像を単純に指すことはできません。

クラスを任意の画像に適用し、 に基づいて別の画像を遅延読み込みさせたいと考えていますIntersection Observer。低解像度の小さな画像をすぐにロードし、後で別の高解像度画像と交換します。

ほとんどのソリューションのように data-src を使用する代わりに、画像へのパスを変更します。

たとえば、次のように仮定しSRCます。

Observer次のように画像パスを監視して変更したい：

class=lazyつまり、 /img の後の「1」を含む画像を探して削除し、更新された画像を表示したいということです。

ヒントを事前にありがとう