jQuery Mobile是一個優秀的移動開發框架，在移動網頁中經常需要使用圖片滑動效果，使用jQuery Mobile可以很方便地實現這樣的效果。

實現圖片滑動效果的方法是使用jQuery Mobile提供的swiperight和swipeleft事件，結合CSS3的transition屬性實現圖片的滑動，下面是一個實現圖片滑動效果的示例代碼：

<div data-role="page">
<div data-role="content">
<img src="img1.jpg" alt="img1">
<img src="img2.jpg" alt="img2">
</div>
</div>
<script>
$(document).on("swiperight", function (e) {
$("img").css("transition", "all 0.5s ease-in-out");
$("img").css("transform", "translateX(-100%)");
});
$(document).on("swipeleft", function (e) {
$("img").css("transition", "all 0.5s ease-in-out");
$("img").css("transform", "translateX(100%)");
});
</script>

上面的代碼中，首先在頁面中添加了兩個圖片，并且使用data-role屬性來設置頁面的角色，然后在JavaScript代碼中綁定了swiperight和swipeleft事件，當用戶在頁面上向右滑動手指時，圖片會向左移動，當用戶向左滑動手指時，圖片會向右移動。

使用jQuery Mobile實現圖片滑動效果非常簡單，只需要結合CSS3的transition屬性和JavaScript的事件來實現即可。