x

Beste SeniorenNet bezoeker, om te blijven bestaan zijn we afhankelijk van uw donatie. Als iedereen die dit leest ons de prijs van een kop koffie zou doneren, kunnen we neutraal en onafhankelijk blijven. We zijn een kleine onderneming, maar we hebben de kosten van een grote website: servers, personeel, huur. Als SeniorenNet nuttig voor u is, neem dan een minuut de tijd om het nog een jaar langer online te houden. Dank u wel.
€5   €10   €20   €50   €100   €250   €500   Anders: €

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:

Freddy Bienkens (54) uit Genk

Het is een informatieve, collegiale en interessante website!

Meer over Freddy Bienkens :
  • 54 jaar
  • Bezoekt ons meerdere keren per week
  • Getrouwd
  • 1 kind
  • Hobby's: koken, pc, vespaclub

Poll

Hoeveel boeken lees je per jaar?