flipbook有书本翻阅效果的图片轮播插件

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

轮播图片html代码

<div id="flipbook">
    <div class="slide">
        <a href='http://www.sucaihuo.com/js/588.html' target='_blank'> <img src='img/3.jpg' alt='鼠标悬浮图片背景变黑白的Masonry瀑布流插件' /> </a>
        <div class="content">
            <a href='http://www.sucaihuo.com/js/588.html' target='_blank'>鼠标悬浮图片背景变黑白的Masonry瀑布流插件</a>
        </div>
    </div>
    <div class="slide">
        <a href='http://www.sucaihuo.com/js/589.html' target='_blank'> <img src='img/2.jpg' alt='jQuery强大的瀑布流图片排序效果' /> </a>
        <div class="content">
            <a href='http://www.sucaihuo.com/js/589.html' target='_blank'>jQuery强大的瀑布流图片排序效果</a>
        </div>
    </div>
</div>

调用pictureflip图片轮播插件

<script src="js/jquery.pictureflip.js"></script>

调用flipbook插件

$('#flipbook').pageFlip({});