Простейший код для ролловера.

Vadimm · 27.12.2002, 10:47

Помогите сделать простейший код для ролловера (в виде двух картинок). Отлично помню, что для IE это делается в одну строчку, но забыл как. И чтобы в других браузерах ролловер отображался в статическом режиме.
Заранее благодарю.

DUDE · 27.12.2002, 22:21

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript">

</script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('roll_picture_1.gif','roll_picture_2.gif',')">
<a href="1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','roll_picture_1.gif',1)"><img src="picture_1.gif" name="Image1" width="93" height="37" border="0"></a></td>a href="2.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','roll_picture_2.gif',1)"><img src="picture_2.gif" name="Image2" width="93" height="37" border="0"></a>
</body>
</html>

Илья К · 27.12.2002, 23:10

1) Для ИЕ. НН это не воспринимает. Про другие не знаю.

<script language="JavaScript" src="schulga.js">
function handleOver1() {
if (document.images) document.imgName1.src=window.event.srcElement.id;
}
function handleOut1() {
if (document.images) document.imgName1.src=window.event.srcElement.anchor;
}
</script>
********
<img onMouseOver="handleOver1();return true;" onMouseOut="handleOut1();return true;" src="out.jpg" anchor="out.jpg" id="over.jpg" name=imgName1>

2) Наверное, для всех. Для ИЕ и НН -- точно.

<script language="JavaScript" src="schulga.js">
function handleOver1() {
if (document.images) document.imgName1.src="over.jpg";
}
function handleOut1() {
if (document.images) document.imgName1.src="out.jpg";
}
</script>
********
<img onMouseOver="handleOver1();return true;" onMouseOut="handleOut1();return true;" src="out.jpg" name=imgName1>

Для создания нескольких роллов просто размножить код недостаточно. Если нужно n роллов, то придется создать n функций для "out", n "over" и n "imgName".
Вообще, для сокрытия чего-либо от НН, есть такой вариант:
function smt ()
{
if (document.all)
{
тело скрываемой функции
}
}

или

if (document.all)
{
скрываемый код
}

P.S. Не всё мне ясно в этой функции. Зачем нужно if (document.images) в её теле и return true; при вызове? Прекрасно ведь без этого пашет.

DUDE · 28.12.2002, 01:18

2Илья К
ты не прав! по поводу того кода, что я дал. Он работает в NN-4 проверено лично! тока я ему дал с пред-загрузкой так граматней по моему..

Илья К · 28.12.2002, 01:34

Дело в том, что свое сообщение я начал писать до того, как ты вывесил свое, а закончил после.

Я просто дал два варианта, один из которых не катит под НН.

DUDE · 29.12.2002, 01:19