|
Kép képet vált, ha ráviszed az egeret 2.
A kód
<script language="JavaScript">
<!--
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length-1; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
// -->
</script>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'első kép url-je');">
<p><a href="OLDALAD CÍME" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'második kép url-je', true)"><img src="első kép url-je" width="100" height="35" border="0" name="image1"></a></p>
</body>
A pirossal kiemelt részhez egyértelmű, mit kell írni.
A barnával kiemelt részhez megy a link címe.
width, height részhez pedig a képek szélessége és magassága megy.
Mind a két kép egyforma méretű legyen!!!
Ez a kód csak egy képhez jó. Ezzel nem lehet több képpel is ezt megcsinálni. Igen olyan kód is van, amivel az megoldható, de ez most nem az.
Ha olyan kódot szeretnél, ahol több képet tudsz így megcsinálni, akkor azt itt találod:
//aranymeli.gportal.hu/gindex.php?pg=35799854&nid=6399704
|
AJÁNLOM AZ OLDALT
Súgó
Frissítés