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...