Автоматический слайдер на Jquery

[HunterNNm]

Всем доброго времени суток! Я новичок в 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(первый раз меняется, второй раз нет). Кто подскажет как исправить эту недоработку?

[Akaciya]

  On 1/26/2012 at 1:40 PM, HunterNNm said:

    $active.addClass('last-active');

я бы к строчке добавила так

$active.addClass('last-active').animate({'opacity':'0.0'},1000);

Edited January 27, 2012 by Akaciya

[HunterNNm]

Спасибо! Как раз то, что нужно!

[AlexandrK]

Воспользуйтесь готовым решением, вот хороший слайдер Slick SliderShow