Белый фон между слайдами

K
На сайте с 06.07.2010
Offline
31
895

Добрый день!

Нашёл от одного хорошего человека слайд решение, в целом всё здорово, но есть НО.

1. Как сделать чтобы между слайдами не было белого фона (при смене маленькая пауза)

2. Можно ли сделать перетекание из одного в другой?

3. Если можно просто убрать интервал, то как сделать чтобы слайды не дёргались? Ставлю таймоут 0, и начинается... Где то быстро переключается, а где-то большая пауза.

В целом никак не могу разобраться какое время где выставить...

Вот исходный код, а сам сайт ntexn точка ru.

<script type="text/javascript" class="noprint">
var aImages = new Array();
var aURL = new Array();
var aArtists = new Array();
var iPrev = -1;
var iRnd = -1;

aImages[0] = "/design/images/body-bg1.jpg";
aImages[1] = "/design/images/body-bg2.jpg";
aImages[2] = "/design/images/body-bg3.jpg";



$(document).ready(function() {


$("img#bg").load(function()
{

$("img#bg").fadeTo(200,1);



setTimeout(function()
{
$("#image_description").animate({right: '-=150'}, 1000);
$("img#bg").fadeOut(200);


setTimeout(LoadImages,100);
}
,5000);
}
)


setTimeout(LoadImages,0);

});

function LoadImage(iNr)
{

$("img#bg").attr("src", aImages[iNr]);


};

function LoadImages()
{

/* Select a random image number and make sure this is not equal to the previous image */
while(iPrev == iRnd)
{
iRnd = Math.floor(Math.random()*aImages.length);
}

/* Show the selected image */
LoadImage(iRnd);

iPrev = iRnd;

};
</script>
biggo
На сайте с 28.02.2014
Offline
6
#1

это

$("img#bg").fadeOut(200);

setTimeout(LoadImages,200);

замените на

LoadImages()

Бигго. Конструктор сайтов и интернет-магазинов (http://biggo.pro)
K
На сайте с 06.07.2010
Offline
31
#2

Вот посмотри как работает, у меня такое же было. Начинаются долгие запаздывания.

biggo
На сайте с 28.02.2014
Offline
6
#3

fadeOut так и не убран

K
На сайте с 06.07.2010
Offline
31
#4

Понял вас, а не подскажете как сделать более плавный переход между слайдами?

и для чего вот эта строка:

$("#image_description").animate({right: '-=150'}, 1000);

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий