如何使用jQuery更改圖片元素srcset值

如何使用jQuery將圖片元素中的源標籤的srcset屬性作爲目標？什麼是正確的jQuery代碼來改變下面的xxxxxxxxxx.jpg和yyyyyyyyyy.jpg的值？如何使用jQuery更改圖片元素srcset值

<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>

來源

2016-02-15 Connie DeCinko

您將更改任何其他元素屬性的方式相同。 – charlietfl

那麼有很多方法可以完成它。說實話，由於各種原因，某人的正確方法可能不適合你。

這是一種方法。

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-15 23:38:47

如果你想改變src，那麼你要覆蓋所有的source秒。

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

，然後設置src正常：

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

如果你想保持它的響應使用多個src，然後使用Stephanus'碼多隻是因爲你不使用它們刪除倍。

來源

2016-03-27 06:32:51

如何使用jQuery更改圖片元素srcset值

回答

相關問題