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:

Marleen Domen (54) uit Brasschaat

Alles is gemakkelijk en overzichtelijk op SeniorenNet. Zoekertjes vind ik ongelooflijk, je hebt de dag zelf meestal al een antwoordje. Mensen helpen met grote en kleine dingen en dit alles van achter de computer. Bedankt en een dikke pluim. Ga daarvan niet zweven hé, we hebben jullie SeniorenNet nog nodig! Ik vind het fantastisch dat er zoiets bestaat.

Meer over Marleen Domen :
  • 54 jaar
  • Bezoekt ons dagelijks
  • Getrouwd
  • 3 kinderen
  • Hobby's: fiesten, muziek, taal, mensen gelukkig maken

Poll

Eet u roomijs?