Доброго времени суток. Проблема в следующем: есть 2 скрипта:
bg resizer
<script type="text/javascript">
function screenSize() {
var w, h; // w - длина, h - высота
w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
return {w:w, h:h};
}
$(document).ready(function() {
function imageresize() {
var width = $('body').width();
var height = $('body').width();
$('.fon').attr('width',screenSize().w);
$('.fon').attr('height',screenSize().h);
}
imageresize();
$(window).bind("resize", function(){
imageresize();
});
});
</script>
и bg rotator
<script type="text/javascript">
var array = new Array(
"img/bg/1.jpg",
"img/bg/2.jpg",
"img/bg/3.jpg"
);//массив с путями к картинкам
var delay = 2000; //задержка в миллисекундах
function imageRotator(i) {
var image = document.getElementById("rotator");
image.src = array[i];
i++;
if (i == array.length) i = 0;
setTimeout("imageRotator(" + i + ")", delay);
}
</script>
Все никак не могу заставить работать ротатор, может проблема в путях ? Подскажите пожалуйста, где ошибка.
Вот body и сам src картинки фона:
<body onload="imageRotator(i)" onresize="fon()">
<img id="rotator" class="fon" src="img/bg/1.jpg" alt="background" />