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 9495   downloads 1962    Author html
widescreen images switching effects focus map with jQuery
View DemoDownload
21
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