Waar vandaan: Computertips > Een afbeelding vervangen door een andere als de muisaanwijzer eroverheen beweegt

Computertip

Een afbeelding vervangen door een andere als de muisaanwijzer eroverheen beweegt

Je hebt waarschijnlijk al eens gezien hoe een afbeelding dynamisch door een andere wordt vervangen wanneer de muisaanwijzer eroverheen wordt bewogen. De twee afbeeldingen moeten samen met de pagina zelf worden geladen. Bovendien moet de muisaanwijzer worden herkend wanneer die over de afbeelding heen beweegt die op dat moment wordt weergegeven. De afbeeldingen worden verwisseld dankzij een stukje JavaScript, dat je op de juiste plaats op je pagina hebt gezet. Plaats het volgende script tussen de codes <HEAD> en </HEAD>:

<SCRIPT LANGUAGE="Javascript">
<!-- Swap images
function Permut (flag,img) {
if (document.images) {
if (document.images[img].permloaded) {
if (flag==1) document.images[img].src = document.images[img].perm.src
else document.images[img].src = document.images[img].perm.oldsrc
}
}
}
function preloadPermut (img,adresse) {
if (document.images) {
img.onload = null;
img.perm = new Image ();
img.perm.oldsrc = img.src;
img.perm.src = adresse;
img.permloaded = true;
}
}
// -->
</SCRIPT>

Vervang vervolgens de gebruikelijke code IMG door de volgende programmacode waarmee de afbeeldingen worden opgeroepen:

<A HREF="index.html" onMouseover="Permut(1,'IMG1');" onMouseout="Permut(0,'IMG1');">
<IMG SRC="Image1" border=0 NAME="IMG1" onLoad="preloadPermut(this,'Image2');" ></A>

Hierbij is index.html het document waarnaar de afbeelding verwijst, Image1 de afbeelding die wordt weergegeven wanneer de pagina wordt geladen en Image2 de afbeelding die Image1 vervangt wanneer de muisaanwijzer eroverheen beweegt.

Je mening is belangrijk! Was deze pagina nuttig?



Een vraag of een probleem op SeniorenNet?
Kijk dan in het Helpcentrum (klik hier). Als je het daar niet kan vinden, helpen we je via e-mail op support@seniorennet.be.

Like ons op Facebook

Zoek binnen SeniorenNet:

Anoniem (41) uit Knesselare

De grote verscheidenheid van informatie maakt SeniorenNet zo goed. SeniorenNet is een heel toffe site met een groot hart voor nieuwsgierigen en de interesses van de mensen.

Meer over de bezoeker :
  • Huisvrouw
  • 41 jaar
  • Bezoekt ons dagelijks
  • Getrouwd
  • 3 kinderen
  • Hobby's: photoshoppen, pc en sociale contacten leggen

Poll

Gebruikt u meettoestellen (bloeddruk, cholesterol,..) om uw gezondheid op te volgen?