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:

Vrouw53 (53) uit Turnhout

Je leert zeer veel mensen kennen dankzij het SeniorenNet, waar ik zeer tevreden over ben.

Meer over Vrouw53 :
  • Evaliteit
  • 53 jaar
  • Bezoekt ons meerdere keren per dag
  • Gescheiden
  • 4 kinderen
  • Hobby's: naar optredens gaan

Poll

Hoe vaak koopt u kleding online?