Как заблокировать автоскроллинг
Мне надо, чтобы вверху страницы постоянно сменялись фотографии , но это не должно мешать просмотру страницы.
Смена фотографий реализована с помощью функций setTimeout, fadeIn, fadeOut. Но в момент смены фото автоматически происходит вертикальный скролинг до положения видимости фотографии, т.е. в начало страницы, а это мешает просматривать нижнюю часть страницы.
Как избавиться от сдвига страницы при выполнении команды
document.Bild.src = NameFile;
Текст скрипта приведен ниже. Для тестирования можно использовать любые изобажения с именами F1.jpg, F2.jpg, F3.jpg.
<script type="text/javascript" src="js/jquery-1-5-2.js"></script>
<script type="text/javascript">
function WechselnBild(num) {
$('#Bild').fadeOut(2000);
setTimeout("WechselnBild2("+num+",arrBild)", 2000); // задержка
}
function WechselnBild2(num) {
NameFile = arrBild[num++]; // следующая
document.Bild.src = NameFile;
if (num == arrBild.length) num = 0; // назад к начальной
$('#Bild').fadeIn(4000);
setTimeout("WechselnBild("+num+",arrBild)", 5000); // задержка
}
</script>
</head>
<body>
<h2> Смена фото</h2>
<img src="F3.jpg" name="Bild" id="Bild" alt='Foto1'; />
<script type="text/javascript">
var arrBild = ["F1.jpg","F2.jpg", "F3.jpg"]; // cписок фото
setTimeout("WechselnBild(0,arrBild)", 5000); // задержка
</script>
<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0 <br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9
<br>
<br>final
|