1

jQueryを使用して、picture要素内のソースタグのsrcsetプロパティをどのようにターゲットにしますか? 以下の xxxxxxxxxx.jpg と yyyyyyyyyy.jpg の値を変更する正しい jQuery コードは何ですか?

<picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source media="(min-width: 992px)" srcset="/images/bannerAds/xxxxxxxxxx.jpg">
    <source media="(min-width: 768px)" srcset="/images/bannerAds/yyyyyyyyyy.jpg">
    <source srcset="/images/bannerAds/zzzz_320x50.png">
    <!--[if IE 9]></video><![endif]-->
    <img src="data:image/gif;base64,R0lGODlhAQABAAAAADs=" alt="Clio">
</picture>
4

2 に答える 2

3

を変更する場合は、srcすべての を上書きしますsource。それらを使用していないので、それらを削除してください：

$('picture source').remove();

そして、src通常どおりに設定します：

$('img').attr('src', 'your-new-image.jpg');

応答性を維持して複数を使用する場合はsrc、Stephanus のコードを複数回使用します。

于 2016-03-27T06:32:51.837 に答える
3

まあ、それを成し遂げる方法はたくさんあります。正直なところ、さまざまな理由により、誰かの正しいアプローチがあなたにとって正しいものではない場合があります。

これはアプローチです。

function replace_srcset(target, replacement)
{
    // Search for the target
    $('source[srcset="'+target+'"]').attr('srcset', replacement);
}

replace_srcset('/images/bannerAds/xxxxxxxxxx.jpg', '/images/bannerAds/somethingelse.jpg');
于 2016-02-15T23:38:47.803 に答える