Svako
ko poseduje prezentaciju na internetu zeli da joj
da dozu dinamicnosti. Ta doza se postize
dodavanjem "mouseover" scripta.
Mouseover je kada neko postavi misa iznad neke
slike i kao posledicu te radnje web strana
ucitava novu sliku na mesto stare.
U nastavku se nalazi script koji vam omogucava
mouseover funkciju. Script se sastoji iz dva
dela. Prvi deo proverava verziju citaca (tj. dali
citac podrzava mouseover ) i unapred ucitava
slike koje ce zameniti stare. Drugi deo je deo
koji cete staviti unutar vasih HREF i IMG oznaka.
Samo prekopirajte ovaj kod u vas HTML editor.
PRVI DEO:
Ubacite
ovaj kod na pocetak BODY dela vase strane.
<SCRIPT
LANGUAGE="JavaScript">
<!--//
// Browser Detection
browser_name = navigator.appName;
browser_version =
parseFloat(navigator.appVersion);
if (browser_name == "Netscape"
&& browser_version >= 3.0) { roll =
'true'; }
else if (browser_name == "Microsoft Internet
Explorer" && browser_version >=
4.0) { roll = 'true'; }
else { roll = 'false'; }
// Preload images, if browser supports mouseovers
if (roll == 'true') {
var imglist = new Array (
"image2.gif",
"image4.gif",
"image6.gif",
"image8.gif"
);
var imgs = new Array();
var count;
if (document.images)
for (count=0; count<imglist.length; count++)
{imgs[count]=new Image();
imgs[count].src=imglist[count];}
}
function msover1(img,ref) { if (roll == 'true') {
document.images[img].src = ref; } }
function msout1(img,ref) { if (roll == 'true') {
document.images[img].src = ref; } }
//-->
</SCRIPT>
- Umesto plavog
teksta ubacite imena novih slika.
DRUGI
DEO:
<A
HREF="page.htm"
onMouseOver="msover1('imageA','image2.gif');"
onMouseOut="msout1('imageA','image1.gif');">
<img name="imageA"
alt="Free Images"
src="image1.gif" width=36 height=59
border="0"></A>
- imageA je
vrednost IMG NAME oznake. image2 je nova slika
koja se pojavljuje umesto stare (image1).
Kao primer ovog
scripta pogledajte kod na strani http://www.ofsetprint.co.yu/menu.htm
Vrlo je vazno da
imenujete (NAME) sliku koja se menja.
PRIMER
1:
<A
HREF="page.htm"
onMouseOver="msover1('racunari','racunari2.gif');"
onMouseOut="msout1('racunari','racunari1.gif');">
<img name="racunari"
alt="Free Images" src="racunari1.gif"
width=102 height=60
border="0"></A>
PRIMER
2:
<A HREF="biograf.htm"
onMouseOver="msover1('biografija','biograf2.gif');"
onMouseOut="msout1('biografija','biograf1.gif');">
<img name="biografija"
alt="moja biografija" src="biograf1.gif"
width=543 height=44
border="0"></A>
|
