在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]);