求一款能实现百度图片移动版效果的jquery插件

Question

能实现左右滑动屏幕切换图片，手势缩放图片效果
PhotoSwipe能实现滑动切换图片，但是没看见有手势缩放的效果不知道它是否支持手势缩放

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

我推荐使用PhotoSwipe jQuery插件。它提供了许多高级功能，包括手势缩放和无缝滚动。

以下是一个简单的示例，展示了如何使用PhotoSwipe加载一个图片：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://unpkg.com/@trevorkr/pixsware/dist/photoswipe.min.js"></script>

<div id="photoswipe">
  <img src="path/to/image.jpg" />
</div>

<script>
  var photoswipe = new PhotoSwipe(document.getElementById('photoswipe'), PhotoSwipeUI_Default, [], {
    effect: 'fade',
    effects: {
      fade: { mode: 'scale' },
      flip: { mode: 'flip' }
    },
    effectDuration: 200,
    flipDuration: 500,
    swipeDuration: 500,
    touchRotate: true,
    touchZoom: false
  });
  photoswipe.init();
</script>

在这个例子中，我们使用了一个名为PhotoSwipeUI_Default的自定义UI来创建一个默认的用户界面。我们还设置了几个选项，例如过渡动画、旋转方式等。

然后，我们通过JavaScript初始化了PhotoSwipe对象，并设置了一些初始参数。

注意：这个例子中的代码是用HTML和JavaScript编写的，如果你想要使用jQuery，你需要在HTML文件中引入jQuery库，并将上面的代码替换为相应的jQuery版本。