Submit your widget

widescreen images switching effects focus map with jQuery

Created 10 years ago   Views 10926   downloads 2253    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>