全屏焦点图

全屏焦点图

 

演示

 

 

XML/HTML Code

1. <div class="fluid_container">  
2.   
3. <div class="fluid_dg_wrap fluid_dg_emboss pattern_1 fluid_dg_white_skin" id="fluid_dg_wrap_4">  
4. <div data-thumb="slides/thumbs/peace_love_and_happiness.jpg" data-src="slides/peace_love_and_happiness-wallpaper-1280x720.jpg"></div>  
5. <div data-thumb="slides/thumbs/box_people.jpg" data-src="slides/box_people-wallpaper-1280x720.jpg"></div>  
6. <div data-thumb="slides/thumbs/heart_book.jpg" data-src="slides/heart_book-wallpaper-1280x720.jpg"></div>  
7. <div data-thumb="slides/thumbs/carnations_bouquet_on_a_bench.jpg" data-src="slides/carnations_bouquet_on_a_bench-wallpaper-1280x720.jpg"></div>  
8. <div data-thumb="slides/thumbs/paint_splash_heart.jpg" data-src="slides/paint_splash_heart-wallpaper-1280x720.jpg"></div>  
9. <div data-thumb="slides/thumbs/silhouette.jpg" data-src="slides/silhouette-wallpaper-1280x720.jpg"></div>  
10. </div>  
11.   
12. </div>  

 

JavaScript Code

1. <script>jQuery(document).ready(function(){  
2.         jQuery(function(){            
3.             jQuery('#fluid_dg_wrap_4').fluid_dg({height: '500', loader: 'bar', pagination: false, thumbnails: true, hover: false, opacityOnGrid: false, imagePath: ''});  
4.         }); })  
5.     </script>  

 

原文地址:http://www.freejs.net/article_jiaodiantu_238.html