Advertisement
miriamdepaula

jQuery Cycle: Trocando background onSlide

Sep 6th, 2011
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type="text/javascript">
  2.   jQuery(function(){
  3.     jQuery('.description').hide();
  4.     var count = 0;
  5.     jQuery("div#fundo_banner_vazado ul").cycle({
  6.         fx: 'none',
  7.         cleartype:  1,
  8.         pager: '.paginator_home',
  9.         speed: 200,
  10.         after: function(slide,nxt, opt){ trocaImg(slide, nxt, opt); },
  11.         timeout: 7000
  12.     });
  13.     jQuery('.description').show();
  14.   });
  15.   //
  16. function trocaImg(slide, nxt, opt){
  17.     var cor = ($(nxt).find('img').attr('rel'))?$(nxt).find('img').attr('rel'):'';
  18.     jQuery('#fundo_banner_vazado img').hide();
  19.  
  20.     if(cor){
  21.         var src = $(nxt).find('img').attr('src');
  22.         $('body').css({backgroundColor: cor, backgroundImage:'url('+src+')', backgroundRepeat:'no-repeat'});
  23.     }else{
  24.       $(nxt).find('img').show();
  25.         // scroll 0 0 transparent
  26.       $('body').css({backgroundColor: '#444444', backgroundImage:'url(http://www.mormaii.com.br/wp-content/themes/mormaii/img/fundo-site-lista.gif)', backgroundRepeat:'repeat'});
  27.     }
  28. }
  29. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement