Использую следующий скрипт для плавной смены картинки в header`е:
<script type="text/javascript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
images = ['images/01.jpg', 'images/02.jpg', 'images/03.jpg', 'images/04.jpg'];
imgready = new Array();
index = 0;
function NextImg() {
jQuery('#headimg0').attr('src', images[index]);
jQuery('#headimg').fadeOut(0);
if (++index == images.length) index = 0;
jQuery('#headimg').attr('src', images[index]);
jQuery('#headimg').fadeIn(2000);
}
$(document).ready(function(){
for (i = 0; i < images.length; ++i) {
imgready[i] = new Image();
imgready[i].src = images[i];
}
window.setInterval('NextImg()', 6000);
});
</script>
Соответственно HTML-код для картинок:
<img width="948" height="642" alt="" src="images/01.jpg" id="headimg0" />
<img width="948" height="642" alt="" src="images/02.jpg" id="headimg" />
Картинки-то меняются, но почему-то при каждой смене происходит прокрутка страницы к области картинки.
Как от этого можно избавиться?