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的新用户界面变得美观; 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>

带有jquery的全屏图像滑块

1 个答案: