Afbeelding openen

[TottiAs]

Hallo,

Ik heb een afbeelding op mijn site geplaatst en wanneer hier op geklikt wordt, moet men direct naar een andere pagina/venster 'gestuurd' worden waar de afbeelding wordt uitgelegd. Als voorbeeld heb ik deze link http://www.voetbaloefenstof.com/index_bestanden/Page531.html toegevoegd. Wordt hier een afbeelding aangeklikt opent direct een nieuwe pagina/venster waar de 'oefening' wordt uitgelegd. Op deze manier zou ik het ook graag willen.

Iemand die daarmee kan helpen?

In afwachting van een reactie,

Groeten,
Michel

 

[phokki]

Makkie, stel je voor je zit op de hoofdpagina. Daar heb je een plaatje met een bal.
Je hoofdpagina heet index.html
En je uitleg over die bal heet bal.html

het plaatje op de index.html heeft de volgende code:

<a href="bal.html"><img src=bal.jpg></a>

Typ dit uit me hoofd, ook al 2 jaar niet meer gedaan. Maar volgens mij werkt dit

Wat ik dus gedaan heb:
Het plaatje is nu een link naar de desbetreffende html pagina.
Dus nu als je op het plaatje klikt ga je naar bal.html
en daar kun je uitleg geven

Enjoy

 

[TottiAs]

Bedankt voor de reactie.. Ik heb echter meerdere afbeeldingen, waarbij ik deze willen openen op een aparte pagina/venster. Moet ik dan van alle afbeeldingen een apart html-bestand gaan maken? Of zijn er nog andere opties (bijv. een iframe) om dit voor elkaart te krijgen?

 

[phokki]

Als alle uitleg op dezelfde pagina is dan doe je dat als volgt:

<a href="uitleg.html"><img src=bal.jpg></a>
<a href="uitleg.html"><img src=pion.jpg></a>

Maar wil je voor elk spelletje uitleg op een andere pagina.
Dan zou je dus voor elke uitleg een aparte html bestand moeten maken.
Tenzij je iframe gebruikt, maar hier heb ik eerlijk gezegd weinig mee gewerkt.

Heb het één keer gebruikt om pagina's in dezelfde pagina te openen in een bepaalde <div> </div>
Maar dit vond ik erg onhandig.

Dus misschien zijn er anderen ideeën. Maar tot nu toe heb ik elke keer een andere html bestand gemaakt.
Dus voor uitleg pion. Maak je pion.html

<a href="pion.html"><img src=pion.jpg></a>

En uitleg voor voetbal maak je voetbal.html

<a href="voetbal.html"><img src=voetbal.jpg></a>

Dit was voor mij de gemakkelijkste oplossing.
Hopelijk kun je hier iets mee, als je iets niet snapt hieraan. Vraag gerust!

Fijne dag!