全屏图像滑块与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>