jQuery Slideshow - Проблем с прехода на изображения - jquery, слайдшоу

Аз правя това слайдшоу, но когато изображенията анимират, получавам бяла светкавица, а след това следващата снимка. Малко е трудно да се обясни. http://jsfiddle.net/2SJ8B/ Предполагам, че има нещо общо с моя css?

#slideshow {
width: 700px;
height: 400px;
padding: 0;
position: relative;
overflow: hidden;
border: 1px solid;
}

#slideshow img {
position: absolute;
height: 500px;
width: 700px;
}​

Ще забележите, че това не е гладка анимация, но нещо се случва. Благодаря!

Отговори:

Изпробвайте тази актуализирана цигулка ...

http://jsfiddle.net/2SJ8B/5/

Ключът е функцията в fadeIn() командата, която се изпълнява след завършване на избледняването ...

$("#slideshow img:first").appendTo("#slideshow").fadeIn(1000, function() {
$(this).siblings().hide();
});

Това означава, че взема първия образ, поставя гослед последната (пред нея) и след това я избледняват. След като приключи това, той скрива всички останали изображения. След секунда той се повтаря. си отиде.

Мисля, че проблемът ви е, че по средата на пътяизбледняват, двете снимки имат прозрачност от 50% и така виждате 25% от белия фон. Това може да се възприеме като "светкавица". Помислете да не избледнявате изходящото изображение, вместо да го скриете след завършване на затихването (използвайки setTimeout()).