Voorbeeld #12 :
pop-up met javascript
)
)
)
)
)
Werkwijze
Stap 1: Download onderstaand javascript bestand.
popups.jsStap 2: Plaats onderstaande code tussen <head> en </head>
<script type="text/javascript"
src="popups.js"></script>
Stap 3:
- 3.a. Mogelijkheid met tekst link: zie hierboven voorbeeld 12a
Plaats onderstaande code tussen <body> en </body> op de plaats waar je de tekst link(s) wil tonen.<a href="javascript:popImage('http://domeinnaam.com/benaming_foto.jpg','Titel Foto')">
Benaming foto
</a>De rode tekst moet je zelf nog aanpassen.
Herhaal stap 3a voor elke nieuwe foto.
- 3.b. Mogelijkheid met foto: zie hierboven voorbeeld 12b
Plaats onderstaande code tussen <body> en </body> op de plaats waar je de thumbnail(s) (verkleinde foto('s)) wil tonen.<a href="javascript:popImage('http://domeinnaam.com/benaming_foto.jpg','Titel Foto')">
<img src="benaming_foto.jpg" height="100" alt="benaming_foto" border="0"
</a>De rode tekst moet je zelf nog aanpassen.
De groene tekst kan je eventueel nog aanpassen.Herhaal stap 3b voor elke nieuwe foto.
- 3.c. Mogelijkheid met form knop: zie hierboven voorbeeld 12c
Plaats onderstaande code tussen <body> en </body> op de plaats waar je de form knop(pen) wil tonen.<form>
<input type="button" value="Benaming foto" onClick="popImage('http://domeinnaam.com/benaming_foto.jpg','Titel Foto')">
</form>De rode tekst moet je zelf nog aanpassen.
Herhaal stap 3c voor elke nieuwe foto.
Stap 4:
Upload alle bestanden naar je webserver.
Foto's, html bestand en het javascript popups.js
|
OVERWEEG EEN DONATIE
Ben je tevreden over de gegeven informatie dan kan je als blijk van waardering voor de aangeboden hulp
steeds een donatie overwegen. Dit om de aangeboden hulp ook in de toekomst te kunnen blijven garanderen. Alvast bedankt. Webmaster |