WebKnutselaarsHulpjes
CSS buttons Diashow 1 Diashow 2 Imagemap JS-Klokje Kleuren Laadtijd Meta-tags Mouseover Popups 1 Popups 2 Popups 3 Textures Reactie Home
Diashow
Pop-up venster waarin foto's elkaar opvolgen.
Een eenvoudige manier om foto's te laten zien in een bepaalde volgorde zonder dat de bezoeker iets hoeft te doen (behalve een link aanklikken).
Eerst een popup openen:
<a href="#" onClick="window.open('dia.html','venster','width=540,height=460');
return false">Klik hier</a>
Klik hier om de popup te zien.
In het popup-venstertje verschijnen achtereenvolgens dia.html, dia1- tm. dia6.html.
Met <META HTTP-EQUIV="Refresh" CONTENT="7; URL=dia1.html"> tussen de <head> en </head> tags van de pagina's die in de popup komen verversen we de inhoud van het popup-venster.
Het getal '7' staat hier voor het aantal seconden voor de refresh, URL=dia1.html voor de volgende pagina.
Terwijl de ene foto zichtbaar is wordt de volgende geladen met:
<img src="img/birds02.jpg" width=1 height=1 border="0">De foto wordt dus als een 1x1 puntje (on)zichtbaar.
Dat puntje kan mooi aan het eind van het bijschrift.
