Jimmyhelpmij
Gebruiker
- Lid geworden
- 2 mei 2007
- Berichten
- 10
Op leejoo.nl vond ik het onderstaande javascript, precies wat ik zoek. Als ik het echter rechtstreeks in mijn html pagina zet, krijg ik in mijn browser een waarschuwing dat ik eerst activex moet activeren. Als ik het goed begrepen heb, kan ik hier omheen door het script in een extern .js bestand te plaatsen. Mijn vraag is alleen, hoe doe ik dat? Welke gedeeltes plaats ik waar? In de HTML pagina zou ik het bovenste stukje script tussen de <HEAD>'s zetten, een gedeelte in de <BODY> tag en een gedeelte tussen de <BODY> tags
Code:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var imgs;
function initImgs() {
imgs = new Array(img1, img2, img3, img4); // vul hier het aantal plaatjes in... ( volgende wordt dus img5 etc.. ) voor als je er meer wilt
}
function fadeImg(img, selected) {
var c = selected?"opacity1":"opacity2";
for (var i=0; i<imgs.length; i++)
if (imgs[i]!=img) imgs[i].className = c;
}
//-->
</SCRIPT>
<body onload="initImgs();">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if ((navigator.appName.indexOf('Microsoft')+1))
document.write('<style type="text/css"> .opacity1 {filter:alpha(opacity=50)} .opacity2 {filter:alpha(opacity=100)} </style>');
if ((navigator.appName.indexOf('Netscape')+1))
document.write('<style type="text/css"> .opacity1 {-moz-opacity:0.5} .opacity2 {-moz-opacity:1} </style>');
else
document.write('');
// End -->
</script>
<table align="center" cellpadding="10">
<tr><td>
<a href="http://www.leejoo.nl" target="_blank"><img src="plaatje1.jpg" name="img1" border="0" class="opacity2" onmouseover="fadeImg(this, true);" onmouseout="fadeImg(this, false);" width="120" height="80"></a>
</td><td>
<a href="http://www.leejoo.nl" target="_blank"><img src="plaatje2.jpg" name="img2" border="0" class="opacity2" onmouseover="fadeImg(this, true);" onmouseout="fadeImg(this, false);" width="120" height="80"></a>
</td><td>
<a href="http://www.leejoo.nl" target="_blank"><img src="plaatje3.jpg" name="img3" border="0" class="opacity2" onmouseover="fadeImg(this, true);" onmouseout="fadeImg(this, false);" width="120" height="80"></a>
</td><td>
<a href="http://www.leejoo.nl" target="_blank"><img src="plaatje4.jpg" name="img4" border="0" class="opacity2" onmouseover="fadeImg(this, true);" onmouseout="fadeImg(this, false);" width="120" height="80"></a>
</td></tr>
</table>
<!-- verander hierboven achtereenvolgens de url, de target, naam bvan het plaatje, en op het einde de breedte en hoogte -->