这个问题是这里问题的变体:如果调整浏览器窗口大小,是否可以重新计算使用的 `srcset` 图像?
基本上我的网站使用带有多个图像的动态滑块,我只能使用saya.class img
而不是ID来定位图像。此外,还有多个带有该 a.class 的 img 需要修改。
当浏览器窗口调整大小时,如何使用 jQuery 或常规 javascript 让浏览器更新到新的 srcset?最好只在窗口调整大小超过几个触发点时才这样做,例如在宽度点 1170px 和 1000px 处。
换句话说,有没有办法使用 jQuery 让 srcset 像艺术指导一样运作?我无法改用该<picture>
元素或替代品。
所以每个图像都用以下代码包装:
<div class="carousuel-image slider-full">
<a href="/post-link">
<img srcset="http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-216x160.jpg 216w, http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-270x250.jpg 270w, http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-570x350.jpg 570w, http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-1024x1024.jpg 1024w, http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-1170x500.jpg 1170w, http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-1170x350.jpg 1170w, http://test-site.com/wp-content/uploads/2015/12/collage_hk_day_3-1200x500.jpg 1200w" sizes="(min-width: 1170px) 1200px, (min-width: 1170px) 1170px, (min-width: 1024px) 1170px, (min-width: 570px) 1024px, (min-width: 270px) 570px, (min-width: 216px) 270px, 216px" width="1200" height="500" class="attachment-slider-full tc-thumb-type-thumb wp-post-image wp-post-image v-centered" alt="test-site hk day 3" style="width: 1903px; height: auto; top: -146.5px; left: 0px;">
</a>
</div>
(此代码在多个方面重复)
谢谢您的帮助!