Нужна помощь с этим jquery фрагментом. Попытка сделать 2 вещи:
Запустите этот переход изображения баннера, как только сайт загрузится. На данный момент слайд-шоу занимает 6-7 секунд, и я не могу понять, почему? Я прочитал о queue (), который должен быть установлен в false, но не уверен в его синтаксисе.
Переход исчезает в белый цвет, а затем загружается следующее изображение. Как мне изменить его цвет с черного на белый до загрузки следующего изображения.
Моя функция:
$(function() {
// set `$.fx.interval` at `0`
$.fx.interval = 10;
(function cycleBgImage(elem, bgimg) {
// `elem`:`#slideshow`
// set, reset, delay to `1000` after background image reset
elem.css("backgroundImage", bgimg)
// fade in background image
.fadeTo(1000, 1, "linear", function() {
// set `delay` before fadeing out image
// fade in background image
$(this).delay(1500, "fx").fadeTo(1500, 0, "linear", function() {
// split background image string at comma , creating array
var img = $(this).css("backgroundImage").split(","),
// concat first background image to `img` array,
// remove first background image from `img` array
bgimg = img.concat(img[0]).splice(1).join(",");
// recursively call `cycleBgImage`
cycleBgImage(elem, bgimg);
});
});
}($("#intro")));
});
Спасибо!