在为滑动轮播创建幻灯片并在 HTML 中分配源时，轮播按预期工作。
<div class="slide"><li class="glide__slide"><img src="images/resized/16.jpg" id="img1"></li></div>
<div class="slide"><li class="glide__slide"><img src="images/resized/18.jpg" id="img2"></li></div>
<div class="slide"><li class="glide__slide"><img src="images/resized/30.jpg" id="img3"></li></div>
但是，当我尝试通过 jQuery 更改源时，前两个图像按预期显示，但最后一个图像没有出现。相反，它在轮播中显示为空白图像。
var vImg1 = "images/resized/16.jpg";
var vImg2 = "images/resized/18.jpg";
var vImg3 = "images/resized/30.jpg";
$("#img1").attr("src", vImg1);
$("#img2").attr("src", vImg2);
$("#img3").attr("src", vImg3);
我也用 4 张图片尝试过同样的场景，在这种情况下，第三张图片会出现，但第四张不会出现。