Имеется плавная смена картинки фона сайта. Но при определенных обстоятельствах она отвлекает (всплывает скрытый DIV с фото галереей). Очень хочется ее временно остановить, например запустив функцию, а после также успешно восстановить. Остановить ее получается, а вот запустить обратно без перезагрузки страницы - не выходит. Подскажите плз. что можно сделать?
var aImages = new Array();
var iPrev = -1;
var iRnd = -1;
aImages[0] = "images/1.jpg";
aImages[1] = "images/2.jpg";
aImages[2] = "images/3.jpg";
aImages[3] = "images/4.jpg";
aImages[4] = "images/5.jpg";
aImages[5] = "images/6.jpg";
aImages[6] = "images/7.jpg";
$(document).ready(function() {
$("img#bg").load(function()
{
$("img#bg").fadeTo(2000,1);
setTimeout(function()
{
$("img#bg").fadeOut(2000);
setTimeout(LoadImages,2500);
}
,5000);
}
)
setTimeout(LoadImages,1000);
});
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;
};
НТМL:
<img src="" alt="background" id="bg" style="display:none" />
CSS
Код:
|
img#bg {
/* Stretch background */
position: fixed;
top:0;
left:0;
width:100%;
z-index:-3;
} |