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

widescreen images switching effects focus map with jQuery

Created 11 years ago   Views 12227   downloads 2498    Author html
widescreen images switching effects focus map with jQuery
View DemoDownload
26
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