Camera.js——百叶窗幻灯片(超炫)

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();
});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,826评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,067评论 19 139
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,203评论 0 1
  • 寻找优质的日语学习播客? 为什么浪费那么多的时间参与低质量业余的工作? 今天我为大家推荐已经被许多人证实非常优秀效...
    仕弘骑士阅读 10,268评论 0 32