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

widescreen images switching effects focus map with jQuery

Created 9 years ago   Views 8363   downloads 1684    Author html
widescreen images switching effects focus map with jQuery
View DemoDownload
19
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