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:

Kuri (48) uit Onze-lieve-vrouw-waver

Ik voel mij "veilig" bij SeniorenNet. Als er iets niet duidelijk is, dan word je hier direct geholpen door andere chatters.

Meer over Kuri :
  • Ambtenaar
  • 48 jaar
  • Bezoekt ons meerdere keren per week
  • Getrouwd
  • Geen kinderen
  • Hobby's: fietsen, zwemmen, muziek, chatten

Poll

Heb je een echte of een kunstkerstboom?