Question

我必须要解决一些问题，即在 mobil 和平板电脑上更改 img ，使用其他不同的图片我无法解决这个问题。使用jQuery （我是jQuery的初学者）修复它，我尝试用html5进行修复。

有没有办法使用srcset更改平板电脑和移动版本上的图像？我能做什么？为什么我的代码没有按预期工作？如何使用jQuery在 768px 和 480px 上更改img src？图像将动态更改，这就是我不想仅仅使用css（媒体查询）的原因。

This is my another code

＆＃13;

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

＆＃13;

Answer 1

为图像添加样式，使其始终为屏幕宽度的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%">

我们可以用srcset替换图像吗？

1 个答案: