javascript - 带有 jquery 的全屏图像滑块

Question

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

Answer 1

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

Turn.js 是一个 JavaScript 库，它将利用 HTML5 的所有优点使您的内容看起来像一本真正的书籍或杂志。基于 HTML5 的新用户界面让 Web 变得更漂亮；turn.js 最适合基于 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>