滑动即可滑入新图像

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