ZURB 基盤フレームワークとそのデータ交換方法を使用して、さまざまな画面サイズにさまざまな画像を提供するプロジェクトに取り組んでいます。
参照: http://foundation.zurb.com/docs/components/interchange.html
および: http://www.appelsiini.net/projects/lazyload
遅延ロード プラグインは「data-original」を使用してイメージ パスを定義することに依存しているため、zurb Foundation 交換は「data-interchange」を使用します。
ZURB Foundation Interchangeメソッドは、次のようなイメージに対応します。
<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]">
遅延読み込みは、次のような画像に対応します。
<img class="lazy" data-original="img/example.jpg" width="640" height="480">
質問: 遅延読み込みで「data-original」の代わりに「data-interchange」を使用するにはどうすればよいですか? それぞれ: zurb Foundation インターチェンジ メソッドと遅延ロード プラグインを組み合わせるにはどうすればよいですか?
ご協力いただきありがとうございます！
ヴィン