Hey,
Voor mijn website in aanbouw heb ik een simpele, mooie image gallery met thumbnails gevonden.
Hij is bijna wat ik wil.
Als ik op een thumbnail klik wordt de aangeklikte afbeelding vergroot weergegeven in een groter kader in het midden van het scherm.
Nu zou ik echter graag deze grotere afbeelding nog verder willen kunnen in-en uitzoomen via een + en een - knopje die onder het kader geplaatst zijn, of door op de foto in het kader te klikken.
Graag had ik het stukje code dat hievoor kan zorgen.Het in-en uitzoomen moet wel in dezelfde pagina blijven , dus niet een afbeelding openen in een ander scherm. Graag iets wat ik kan Copie/pasten want ik ben nagenoeg volkomen leek in Html.
Momenteel is mijn code zo:
<title>Creaties</title>
</head>
<body>
<div class="gallery" align="center">
<h3>Creaties</h3><br/>
<div class="thumbnails">
<img onclick="preview.src=img1.src" name="img1" src="https://hier plaats ik de url van de afbeelding">
<img onclick="preview.src=img2.src" name="img2" src="https://idem">
<img onclick="preview.src=img3.src" name="img3" src="https://idem">
<img onclick="preview.src=img4.src" name="img4" src="">
<img onclick="preview.src=img5.src" name="img5" src="">
</div>
<div class="preview" align="center">
<img name="preview" src="Hier plaats ik de url van een afbeelding "><br/>
</div><br/>
</div>
Kan ik mijn titel ook dichter bij de thumbnails brengen? Momenteel is er eigenlijk te veel plaats tussen naar mijn zin.
Alvast hartelijk dank
Seppe
