gpt4 book ai didi

javascript - 我们可以用 srcset 替换图像吗?

转载 作者:太空宇宙 更新时间:2023-11-04 13:05:44 25 4
gpt4 key购买 nike

关于将 mobiltablet 上的 img 更改为其他不同的图像,我必须解决一些问题我无法解决使用 jQuery (我是 jQuery 的初学者),我正在尝试使用 html5

有什么方法可以用 srcset 改变平板电脑和手机版本的图像吗?我能做些什么?为什么我的代码没有按预期工作?如何使用 jQuery 更改 768px480px 上的 img src?图像将动态更改,这就是为什么我不想只使用 css(媒体查询)。

This is my another code

<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<img src="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/1.jpg"
srcset="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/2.jpg 1000w, http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/3.jpg 768w,http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/4.jpg 400w">
</body>
</html>

最佳答案

为图像添加样式,使其始终为屏幕宽度的 100%

<img src="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/1.jpg"  
srcset="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/2.jpg 1000w, http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/3.jpg 768w,http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/4.jpg 400w" style="width:100%">

关于javascript - 我们可以用 srcset 替换图像吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42089071/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com