html代码:
<div class="camera_wrap" id="camera_wrap_1">
<div data-src="img/1.jpg"></div>
<div data-src="img/2.jpg"></div>
<div data-src="img/3.jpg"></div>
</div>
页面头部引入插件:
<link rel="stylesheet" id="camera-css" href="css/camera.css" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/camera1.3.4.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
需要注意的是: Camera貌似不支持jQuery v1.9, 官方给出的版本是jQuery v1.7.1。
jquery调用方法
$(function(){
$('#camera_wrap_1').camera();
});
Camera.js——百叶窗幻灯片(超炫)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
- 寻找优质的日语学习播客? 为什么浪费那么多的时间参与低质量业余的工作? 今天我为大家推荐已经被许多人证实非常优秀效...