Bluejie
Gebruiker
- Lid geworden
- 10 sep 2007
- Berichten
- 86
Ik ben met iets bezig. Daarbij gebruikt ik een mouse-over script. Het script werkt wel alleen wil ik het anders.
Dat is het. Je kunt het gewoon ergens plakken en dan zie je waarover ik het heb.
De plaatjes moeten tegen elkaar aan, netzoals het plaatje daarboven. Dat plaatje is opgebouwd uit dezelfde stukjes, alleen is er geen script aan toegevoegd.
Code:
<html>
<head>
<SCRIPT>
// hier definieer je alle afbeeldingen
var afbeeldingen=new Array()
afbeeldingen[0]=["http://img177.imageshack.us/img177/3594/14clickspoorvu5.png", "#"] //"http://img184.imageshack.us/img184/4659/14clinckspoorstatsuu1.png" border="0" alt="N. Clinckspoor"
afbeeldingen[1]=["http://img155.imageshack.us/img155/7633/09boegaertlb0.png", "#"]
afbeeldingen[2]=["http://img177.imageshack.us/img177/507/10hollantsnw9.png", "#"]
afbeeldingen[3]=["http://img155.imageshack.us/img155/5628/07devreesexq3.png", "#"]
afbeeldingen[4]=["http://img155.imageshack.us/img155/3559/06wijnsnn9.png", "#"]
afbeeldingen[5]=["http://img442.imageshack.us/img442/8757/08vanlanghendonckjx9.png", "#"]
afbeeldingen[6]=["http://img155.imageshack.us/img155/9461/02helssenoh8.png", "#"]
afbeeldingen[7]=["http://img177.imageshack.us/img177/5419/03aelemanstc3.png", "#"]
afbeeldingen[8]=["http://img177.imageshack.us/img177/8610/04ivenmu6.png", "#"]
afbeeldingen[9]=["http://img177.imageshack.us/img177/8400/05blocksig5.png", "#"]
afbeeldingen[10]=["http://img442.imageshack.us/img442/9886/01humbletvm5.png", "#"]
var voorladen="nee" // "ja" of "nee"
var optlinktarget="" // optioneel: hier kun je een doel invullen bij framesgebruik
var beeldrandbreedte=0
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
// hieronder geen wijzigen aanbrengen
if (voorladen=="ja"){
for (x=0; x<afbeeldingen.length; x++){
var ditbeeldje=new Image()
ditbeeldje.src=afbeeldingen[x][0]}}
function beeldcode(dezeafbeelding){
var beeldhtml=""
if (dezeafbeelding[1]!="")
beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">'
beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
if (dezeafbeelding[1]!="")
beeldhtml+='</a>'
return beeldhtml}
function wijzigbeeld(beeldplaatsing, beeldindex){
if (document.getElementById){
var imgobj=document.getElementById(beeldplaatsing)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()}
imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false}}
</SCRIPT>
<META http-equiv=imagetoolbar content=no>
<title>Untitled</title>
</head>
<BODY>
<img src="http://img177.imageshack.us/img177/3594/14clickspoorvu5.png" border="0" alt="Clinckspoor"/><img src="http://img155.imageshack.us/img155/7633/09boegaertlb0.png" border="0" alt="Boegaert"/><img src="http://img177.imageshack.us/img177/507/10hollantsnw9.png" border="0" alt="Hollants"/><br>
<img src="http://img155.imageshack.us/img155/5628/07devreesexq3.png" border="0" alt="De Vreese"/><img src="http://img155.imageshack.us/img155/3559/06wijnsnn9.png" border="0" alt="Wijns"/><img src="http://img442.imageshack.us/img442/8757/08vanlanghendonckjx9.png" border="0" alt="Van Langhendonck"/><br>
<img src="http://img155.imageshack.us/img155/9461/02helssenoh8.png" border="0" alt="Helssen"/><img src="http://img177.imageshack.us/img177/5419/03aelemanstc3.png" border="0" alt="Aelemans"/><img src="http://img177.imageshack.us/img177/8610/04ivenmu6.png" border="0" alt="Iven"/><img src="http://img177.imageshack.us/img177/8400/05blocksig5.png" border="0" alt="Blocks"/><br>
<img src="http://img442.imageshack.us/img442/9886/01humbletvm5.png" border="0" alt="Humblet"/><br>
<p>
<DIV id=container>
<DIV id=links style='FLOAT:left; WIDTH: 232px;'>
<A onmouseover="wijzigbeeld('beeldplaatsing', 0)"><IMG src="http://img177.imageshack.us/img177/3594/14clickspoorvu5.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 1)"><IMG src="http://img155.imageshack.us/img155/7633/09boegaertlb0.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 2)"><IMG src="http://img177.imageshack.us/img177/507/10hollantsnw9.png"></A>
<br><A onmouseover="wijzigbeeld('beeldplaatsing', 3)"><IMG src="http://img155.imageshack.us/img155/5628/07devreesexq3.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 4)"><IMG src="http://img155.imageshack.us/img155/3559/06wijnsnn9.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 5)"><IMG src="http://img442.imageshack.us/img442/8757/08vanlanghendonckjx9.png"></A>
<br><A onmouseover="wijzigbeeld('beeldplaatsing', 6)"><IMG src="http://img155.imageshack.us/img155/9461/02helssenoh8.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 7)"><IMG src="http://img177.imageshack.us/img177/5419/03aelemanstc3.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 8)"><IMG src="http://img177.imageshack.us/img177/8610/04ivenmu6.png"></A><A onmouseover="wijzigbeeld('beeldplaatsing', 9)"><IMG src="http://img177.imageshack.us/img177/8400/05blocksig5.png"></A>
<br><A onmouseover="wijzigbeeld('beeldplaatsing', 10)"><IMG src="http://img442.imageshack.us/img442/9886/01humbletvm5.png"></A>
</DIV>
<DIV id=beeldplaatsing style="WIDTH: 232px; HEIGHT: 270px; FLOAT:left;"></DIV>
</DIV>
</P>
</body>
</html>Dat is het. Je kunt het gewoon ergens plakken en dan zie je waarover ik het heb.
De plaatjes moeten tegen elkaar aan, netzoals het plaatje daarboven. Dat plaatje is opgebouwd uit dezelfde stukjes, alleen is er geen script aan toegevoegd.
Laatst bewerkt:
