全屏焦点图
XML/HTML Code
- <div class="fluid_container">
- <div class="fluid_dg_wrap fluid_dg_emboss pattern_1 fluid_dg_white_skin" id="fluid_dg_wrap_4">
- <div data-thumb="slides/thumbs/peace_love_and_happiness.jpg" data-src="slides/peace_love_and_happiness-wallpaper-1280x720.jpg"></div>
- <div data-thumb="slides/thumbs/box_people.jpg" data-src="slides/box_people-wallpaper-1280x720.jpg"></div>
- <div data-thumb="slides/thumbs/heart_book.jpg" data-src="slides/heart_book-wallpaper-1280x720.jpg"></div>
- <div data-thumb="slides/thumbs/carnations_bouquet_on_a_bench.jpg" data-src="slides/carnations_bouquet_on_a_bench-wallpaper-1280x720.jpg"></div>
- <div data-thumb="slides/thumbs/paint_splash_heart.jpg" data-src="slides/paint_splash_heart-wallpaper-1280x720.jpg"></div>
- <div data-thumb="slides/thumbs/silhouette.jpg" data-src="slides/silhouette-wallpaper-1280x720.jpg"></div>
- </div>
- </div>
JavaScript Code
- <script>jQuery(document).ready(function(){
- jQuery(function(){
- jQuery('#fluid_dg_wrap_4').fluid_dg({height: '500', loader: 'bar', pagination: false, thumbnails: true, hover: false, opacityOnGrid: false, imagePath: ''});
- }); })
- </script>
相关推荐
猎豹jQuery全屏焦点图代码,兼容主流浏览器
jQuery全屏焦点图片带图标导航自动切换_全屏轮播焦点图
jQuery全屏焦点图代码是一款云端桌面网站的jQuery大屏焦点图特效。 jQuery全屏焦点图代码演示图:
jquery全屏焦点图是一款带左右切换按钮的全屏焦点图广告轮播特效代码。
jQuery全屏焦点图特效制作带标题的焦点图切换代码
jQueryHTML5超炫全屏焦点图,jQueryHTML5超炫全屏焦点图
猎豹jQuery全屏焦点图代码 转载的
左右全屏焦点图是一款来自深圳谷美官方网站的设计,左右全屏滚动,两侧图片变灰显示,平面效果设计的非常不错,支持左右切换和暂停功能。
jquery背景动画全屏焦点图是一款基于jquery实现的背景动画个性全屏焦点图代码,页面加载完毕后,焦点图中元素跟随飘动,并且背景云层会不停飘动。
这是基于jQuery和HTML5全屏焦点图,有很好的特效
6个非常精美的jQuery背景动画个性全屏焦点图(四)
电脑+手机版全屏满屏-手机版网页网站移动触屏全屏满屏左右滚屏翻屏swiper实现-全屏焦点图幻灯片100%宽和高,可以电脑及手机通用,可根据屏幕大小,自动判断图片显示位置及尺寸,手机端会自动显示图片中间部分,...
jQuery背景和banner图片一起切换全屏焦点图切换代码
适合应用于各种浏览器移动端焦点图的运用,简单,实用。
jQuery产品展示全屏焦点图轮播代码基于jquery-1.9.1.min.js制作,点击小图可切换显示对应大图,以动画效果显示大图。
全屏焦点图 jQuery 这个非常有参考价值,很棒!
jQuery ui slider自适应全屏焦点图片轮播切换插件