滑動即可滑入新圖像

Question

我在尋找一個腳本或教程，可以在其中顯示包裹在定位標記中的圖像，並且當我向左或向右滑動時，它會顯示新圖像。該腳本應與json和jquery mobile一起工作，並指出幻燈片中有多少圖像。任何這樣的教程？

Answer 1

Awesome Mobile Image Gallery

可作爲靜態圖像畫廊或經由$.ajax動態加載的圖像。

Answer 2

我自己錯了使用jQuery for jQuery Mobile的圖像滑塊的最簡單形式。您可以找到Tutorial here和demo here。

以下是核心

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