javascript - 在 jQuery mobile 中滑动时图像的平滑过渡

Question

我在图像视图中有一组图像 URL。我使用滑动滚动图片，这对我有用。在滑动功能中，我从图像数组中动态调用图像。但问题是图像过渡不平滑。我需要图像过渡作为幻灯片。

代码：

var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";

评论中的代码：

$("#ImageDiv").swiperight(function () { 
  if (i < (imgURL.length - 1)) { 
    i++ 
  } else {
    i = 0; 
  } 
  var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
  $('#ImageDiv').html(imgStr); 
}); 

任何帮助表示赞赏。

提前致谢。

Answer 1

而不是这样做，

var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
 $('#ImageDiv').html(imgStr); 

你能做这个吗，

$("#ImageDiv img").attr('src', imgURL[i]);