sono messo male con javascript. Qualcuno mi aiuta a farlo funzionare con un body in cui vi sono div di vario tipo e non[*]? E' uno script per eseguire un loader da qui
http://gabrieleromanato.com/2011/08/...ento-del-sito/
codice:
$(function() {    $('#loader').show();    setTimeout(function() {       $('#loader').hide();        $('#boxes').fadeIn('slow');    }, 2000);    // codice aggiuntivo    $('li', '#boxes').each(function() {      var $li = $(this);     var $box = $('div.box', $li);      $box.hover(function() {        $box.stop(true, true).animate({         width: 150,         height: 150,         marginLeft: '-75px',         marginTop: '-75px',         lineHeight: '150px'       }, 500);      }, function() {        $box.stop(true, true).animate({         width: 100,         height: 100,         marginLeft: '-50px',         marginTop: '-50px',         lineHeight: '100px'       }, 500);      });    });  });
Questo è il mio html semplificato
codice:
<body onResize="window.location.href = window.location.href"  onload="hideDiv();">    <div class="controls">      <div id="wrapper"> 	<div id="makeMeScrollable"> 		<div class="scrollingHotSpotLeft"></div> 		<div class="scrollingHotSpotRight"></div> 		<div class="scrollWrapper"> 			<div class="scrollableArea"> 			<src="images/01tDay.jpg" alt="Day 1"  onclick="theSlideshow.go(0)" / > .............</div> 		</div> 	</div> 	</div> 	</div>     <div id="show" class="slideshow"> <div class="coprislideshow"> <span>copri-slide</span></div>    </div>  </div>   </div>   <div id="footer"  >  </div></body>