Имеется рабочий скрипт смены бэкграунда дива, может, что-то сделано не так, но я новичок, так что простите и, если сможете, исправьте.
Но самая главная проблема здесь в том, что он перестает работать иногда, если нажать, например, на ссылку, ведущую на другую страницу, а потом вернуться.
var los;
var imgArr = new Array();
var imgArr2 = new Array();
imgArr[1]= "1.png";
imgArr[2]= "2.png";
imgArr[3]= "3.png";
imgArr2[1]= "1.jpg";
imgArr2[2]= "2.jpg";
imgArr2[3]= "3.jpg";
var $j = jQuery.noConflict();
$j(function(){
los = Math.floor(Math.random() * imgArr.length);
if($j.browser.msie && $j.browser.version==8){
$j(".rt-slider").css('background','url(1.jpg) no-repeat');
$j("#rt-header-wrap").css('background','url(bg.jpg) 50% 0 no-repeat');
} else {
$j(".rt-slider").css('background','url(1.png) no-repeat');
}
setInterval(navigate, 5000);
});
function navigate() {
if (los == 1) {
los++;
} else if (los == 2) {
los++;
} else if (los == 3) {
los = 1;
}
var mainDiv = $j(".rt-slider");
if($j.browser.msie && $j.browser.version==8){
mainDiv.ready(function(){
mainDiv.animate({opacity:0}, 1000, "linear", function(){
mainDiv.css("background","url("+imgArr2[los]+") no-repeat");
mainDiv.animate({opacity:1}, 3000, "linear");
});
});
} else {
mainDiv.ready(function(){
mainDiv.animate({opacity:0}, 1000, "linear", function(){
mainDiv.css("background","url("+imgArr[los]+") no-repeat");
mainDiv.animate({opacity:1}, 3000, "linear");
});
});
}
}
Если кто сталкивался или знает, в чем проблема, отпишитесь, пожалуйста.. Может быть, картинки не успевают подгрузиться или еще что-то..