全屏幕图像滑块与jquery

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

来源

2012-09-20 Gunjan Nigam

我认为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>

来源

2012-09-20 16:19:43

全屏幕图像滑块与jquery

回答

相关问题