Javascript 带jquery的全屏图像滑块

我必须使一个演示网站有点类似于。这个网站是用flash编写的，但我想用javascript和jQuery来实现。 我想我需要分两部分来做这件事，首先是一个简单的图像滑块来在图像之间滑动。我想我可以使用任何jQuery图像滑块插件。 第二部分，我们点击图像，它在全屏图像滑块中打开，带有缩放选项。我不知道哪个插件可以用来做这个。这甚至可以用jQuery实现吗？请推荐任何插件

我认为这是最好的解决方案

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>

Turn.js
第1页
第2页
第3页
第4页
$（“#动画书”）。翻({
宽度：400，
身高：300，
自动中心：真
});

我认为这是您查询的最佳解决方案

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>

Turn.js
第1页
第2页
第3页
第4页
$（“#动画书”）。翻({
宽度：400，
身高：300，
自动中心：真
});