0

写真の幅を自動的に設定するアプリケーションがあります。問題は、元の画像よりも大きなサイズを定義することがあります。

いくつかの制限レイアウトについては、変更する方法がありません。アプリケーションで定義された画像のサイズが元のサイズよりも大きい場合、別の写真を使用したい。

例: アプリケーションが幅 600px を定義し、画像 "a.jpg" が 500px の場合、幅 700px の "b.jpg" が使用されます。

画像は次のようなコードです。

<article class="tile">
            <a href="photos/1.jpg">
                <img class="item" src="../img/fotos/10medium.jpg" />
            </a>
 </article>

これを行う方法はありますか？ありがとう

4

2 に答える 2

1

jQueryプラグインはオプションですか? Responsive Imgはあなたがやろうとしていることを実行すると思いますが、プロジェクトのすべての要件を満たしていない可能性があります。

他に何もないとしても、ソース コードを見て、何をしているかに役立つ手がかりを得ることができます。プラグインは小さく、よくコメントされています。

于 2013-07-02T18:38:29.073 に答える
1

はい、jqueryを使用すると、このようにすることができます

var img = $('img');
$('<img>').attr('src', img.attr('src')).load(function () {
  if (img.width() > this.width) {
    img.attr('src', 'big-image.jpg');
  }
});
于 2013-06-29T22:09:11.243 に答える