手机端轮播图实现:
对应插件:af.carousel.js 见附件
使用方法:
/*** * * @param carouselId * @param carousel_dotsId * @param autoPlay : 是否自动播放轮播图 * @param isCache : 不传值默认为true */ function carouselSetup(carouselId, carousel_dotsId, autoPlay, isCache) { // set size of carousel $(".carousel").width($(".carousel").closest(".panel").width()); // $("#carousel").height($("#carousel").closest(".panel").height()-25); var moveCallback = function () { console.log(arguments); } var options={ vertical:false, // page up/down horizontal:true, // page left/right pagingDiv:carousel_dotsId, // div to hold the dots for paging pagingCssName:"carousel_paging", //classname for the paging dots pagingCssNameSelected: "carousel_paging_selected", //classname for the selected page dots wrap:true, //Creates a continuous carousel okToMove:true, pagingDotDivHeight:'10px', //isCache: false, moveCallback2/* this.carouselIndex, this.myDivHeight, this.myDivWidth, this.el.children */: moveCallback, autoTransitionIntervalTime:4000 } if (arguments.length > 3 && !isCache) { options.isCache = false; } var carousel = $("#"+carouselId).carousel(options); if(arguments.length>2&&autoPlay){ carousel.switchAuto();//自动播放 } }
carouselSetup("pic_news_carousel", "carousel_dots_picnews", false, false);
carouselSetup("index_carousel","carousel_dots",true);//轮播图
实例:http://123.57.250.51/ios_www/www/index.html (请用手机访问)
相关推荐
jQuery响应式手机端触屏滑动图片轮播插件,含多种图片滑动切换效果可选,兼容PC端与手机端。
支持响应式手机端jQuery图片轮播插件unslider,非常强大的jQuery插件,支持响应式手机端 、支持函数回调、支持左右按钮切换,可以自定义是否使用响应式fluid:true/false、是否显示 圆点切换dots:true/false,是否...
轮播插件 很好用 适用于手机 轮播等等 自适应
html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果
支持响应式手机端jQuery图片轮播插件unslider,非常强大的jQuery插件,支持响应式手机端、支持函数回调、支持左右按钮切换,可以自定义是否使用响应式fluid:true/false、是否显示圆点切换dots:true/false,是否支持...
超好用的 手机移动端轮播图切换js插件,支持 多图轮播,无缝切换
iSlider手机端图片滑动切换是一款无任何插件依赖,它能够处理任何元素。
适合手机端的轮播图,同界面可多次调用,pc端同样可以使用,很不错的轮播插件 。手机端兼容性也很好。。。
一个简单的HTML5页面,使用fullPage.js插件做的轮播图页面,可以直接放在Android项目中的 assets 文件夹下作为app欢迎页面来使用,结构简单,替换图片就可以放入你的项目中 另外,没有积分的同学 到...
强大的支持手机端响应式的jQuery焦点图轮播特效插件bxslider.js,功能非常强大jQuery插件,支持10种方式的图片轮播特效,觉得能满足你的图片轮播特效,支持响应式布局,适配手机、平板、PC端等,需要使用的可查看...
主要为大家详细介绍了iSlider手机端图片滑动切换插件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
适用于P电脑及手机端的轮播插件,也可根据要求更改滑动效果
jQuery移动手机端幻灯片插件Swiper是一款可以很好的在iOS,Android,Windows Phone 8和桌面浏览器中工作。
<link rel="stylesheet" type="text/css" href="css/default.css?3.1.64"> <... 这是一款兼容手机端的jQuery响应式倾斜图片幻灯片插件,带文字标题与按钮控制的自适应倾斜图片切换代码。
今天我们要来分享一款基于jQuery的移动手机端3D立体图片切换效果,该插件利用了jQuery Mobile库,创建了一个适合在手机端切换图片的播放插件。同时运用了CSS3使图片出现倾斜,达到3D立体的视觉效果。
使用第三方Swiper插件写的手机端的轮播效果图;使用第三方Swiper插件写的手机端的轮播效果图;
jQuery带左侧缩略图图片切换是一款带缩略图的手机响应式图片轮播切换插件下载。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!