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

时间:2013-06-24 04:11:58

标签: javascript image jquery-mobile

我在图片视图中有一系列图片网址。 我使用滑动滚动图片,这对我有用。 在滑动功能中,我动态调用图像数组中的图像。 但问题是图像过渡不平滑。我需要将图像过渡为幻灯片。

代码:

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); 
}); 

感谢任何帮助。

提前致谢。

1 个答案:

答案 0 :(得分:0)

而不是这样做,

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

你能做到吗,

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