Rollover+Preload

Мимо шел · February 1, 2008

Нужно сделать замену изображений при наведении с пердварительной загрузкой. В гугле полно вариантов. Десяток уже испробовал - ни один нормально не работает. Нужно хотя бы Opera9+IE6. Через css работает, но масштабироваться не хочет. А ява масштабируется, но не работает. Написанный ниже оказался наиболее рабочим из десятка найденных. В Opera 9 вс? нормально. Но в IE 6 каждое изображение на странице при наведении заменяется на белый фон. Видать это из-за условия

if (a.tagName=="IMG").

Как сделать

ЕСЛИ "имя файла" = home ИЛИ mail?

<html>
<head>
<title>Смена картинки при наведении мыши</title>
<script>
var img1=new Image(); img1.src="home.gif";
var img2=new Image(); img1.src="home2.gif";
var img3=new Image(); img1.src="mail.gif";
var img4=new Image(); img1.src="mail2.gif";

function change1() { var a=window.event.srcElement;
 if (a.tagName=="IMG")
 a.src=a.src.substring(0, a.src.length-4) + "2"+
 a.src.substring(a.src.length-4, a.src.length);
}
function change2() { var a=window.event.srcElement;
 if (a.tagName=="IMG")
 a.src=a.src.substring(0, a.src.length-5) +
 a.src.substring(a.src.length-4, a.src.length);
}
document.onmouseover=change1;
document.onmouseout=change2;
</script>
</head>
<body>
<a target=_blank><img src=home.gif border=0 width=23 height=22></a>
<a target=_blank><img src=mail.gif border=0 width=23 height=22></a>
<img src=search.gif width=23 height=22>
</body>
</html>

Storm · February 1, 2008

А не легче у каждой картинки, для которой требуется ролловер, прописать так

<img src="image1.jpg" onmouseover="this.src='image1_over.jpg'" onmouseout="this.src='image1.jpg'" alt="">

а картинки "*_over.jpg" запихнуть в div за пределы окна?

Мимо шел · February 1, 2008

Storm - "а картинки "*_over.jpg" запихнуть в div за пределы окна"

Можно в примерах? Как их туда запихивать и между чем и чем запихивать сам div?

Мимо шел · February 2, 2008

Sign In

Rollover+Preload

Question

Мимо шел

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Storm

Link to comment

Share on other sites

Мимо шел

Link to comment

Share on other sites

Мимо шел

Link to comment

Share on other sites

Обсуждения

Forums

Important Information