Submit your widget
HomeSlideshow & Scrollerwidescreen images switching effects focus map with jQuery

widescreen images switching effects focus map with jQuery

Created 10 years ago   Views 10808   downloads 2234    Author html
widescreen images switching effects focus map with jQuery
View DemoDownload
22
Share |

Applicable browsers: IE6, IE7, IE8, 360, FireFox, Chrome, Safari, Opera, Maxthon, Sogou, Window of the World.

jQuery focus map prepared by the generous widescreen switching effects.

The main code:

 <script type="text/javascript">
  jQuery(".slider .bd li").first().before( jQuery(".slider .bd li").last() );
  jQuery(".slider").hover(function(){
       jQuery(this).find(".arrow").stop(true,true).fadeIn(300) 
       },function(){ 
           jQuery(this).find(".arrow").fadeOut(300) });                
       jQuery(".slider").slide(
          { titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop",autoPlay:true, vis:3,autoPage:true, trigger:"click"}
      );
</script>

 

You might also like