javascript - 带 jquery 的全屏图像 slider

Question

我必须制作一个类似于 http://issuu.com/eb_magazine/docs/ebmag_31/1 的演示网站。该网站是用 Flash 编码的，但我想使用 javascript 和 jQuery 来实现。我认为我需要分两部分来完成此操作，首先是一个简单的图像 slider ，用于在图像之间滑动。我想我可以使用任何 jQuery 图像 slider 插件。第二部分，我们单击图像，它会以全屏图像 slider 打开，并带有缩放选项。我不知道哪个插件可以用于此目的。这甚至可以用 jQuery 来做吗？请建议任何插件

Answer 1

我认为http://www.turnjs.com/是您查询的最佳解决方案。

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

这是一个示例代码:

<div id="flipbook">
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div>
    <div> Page 1 </div>
    <div> Page 2 </div>
    <div> Page 3 </div>
    <div> Page 4 </div>
    <div class="hard"></div>
    <div class="hard"></div>
</div>
<script type="text/javascript">
    $("#flipbook").turn({
        width: 400,
        height: 300,
        autoCenter: true
    });
</script>