Всем доброго времени суток! Я новичок в JScript, поэтому задам сейчас очень глупый, на мой взгляд, вопрос. Есть простенькая галерея: JScript <script type="text/javascript"> function slideSwitch() { var $active = $('#slideshow IMG.active'); if ( $active.length == 0 ) $active = $('#slideshow IMG:last'); var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first'); // Раскомментировать для случайного порядка // var $sibs = $active.siblings(); // var rndNum = Math.floor(Math.random() * $sibs.length ); // var $next = $( $sibs[ rndNum ] ); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); }); } $(function() { setInterval( "slideSwitch()", 3000 ); }); </script> HTML <div id="slideshow"> <img src="image1.jpg" alt="Slideshow Image 1" class="active" /> <img src="image2.jpg" alt="Slideshow Image 2" /> <img src="image3.jpg" alt="Slideshow Image 3" /> <img src="image4.jpg" alt="Slideshow Image 4" /> </div> CSS #slideshow { position:relative; height:350px; } #slideshow IMG { position:absolute; /* top:0; left:0;*/ z-index:8; opacity:0.0; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active { z-index:9; opacity:0.0; } Проблема в следующем: если изображения не одинаковые по размеру, то после первой прокрутки большие изображения видны сзади, т.е. их opacity не меняется на 0(первый раз меняется, второй раз нет). Кто подскажет как исправить эту недоработку?
