HTML Bildergalerie

[shajan92]

Hi leute ich möchte erstmal vorweg sagen, dass ich ein absoluter HTML neuling bin. Ich habe zwar schon mit einigen codes gearbeitet und diese modifiziert und angepasst, mehr war aber auch nicht drin.

Schafft es möglicherweise einer von euch den code von dieser bildergalerie herauszufiltern?

Samsung S3 SIII Galaxy i9300 Echt Leder Tasche Schutzfolie schwarz Schutzhülle | eBay

bzw. wie erstelle ich sowas? Klar, die einzelnen bilder entsprechend in der größe bearbeiten etc. so das alle die selbe form haben, jedoch wie bekomme ich das hin, dass das größe bild sich ändert wen ich auf ein kleines klicke?

mfg. ich hoffe ihr könnt mir helfen :)

 

[Sempervivum]

Hallo,
dies ist der Code:

<script>
function pat_pp_change_main( pat_pp_url )
{
document.getElementById('pat_picture_preview_main').src = pat_pp_url;
}
</script>
<div style="text-align:center;">
[color=red]<img src="http://www.dealcat.de/bilder/777531/1.jpg" border="0" hspace="5" vspace="5" height="100" style="cursor:pointer;" onClick="pat_pp_change_main(this.src);" />
<img src="http://www.dealcat.de/bilder/777531/2.jpg" border="0" hspace="5" vspace="5" height="100" style="cursor:pointer;" onClick="pat_pp_change_main(this.src);" />
<img src="http://www.dealcat.de/bilder/777531/3.jpg" border="0" hspace="5" vspace="5" height="100" style="cursor:pointer;" onClick="pat_pp_change_main(this.src);" />
<img src="http://www.dealcat.de/bilder/777531/4.jpg" border="0" hspace="5" vspace="5" height="100" style="cursor:pointer;" onClick="pat_pp_change_main(this.src);" />[/color]
</div>
<div style="text-align:center; font-size:10px">
Anklicken zum Vergrößern / Click to enlarge
</div>
<div style="text-align:center;">
<img src="http://www.dealcat.de/bilder/777531/1.jpg" border="0" width="560" hspace="5" vspace="5" id="pat_picture_preview_main" />
</div>

Das rote sind die Fotos. Sie sind jeweils nur einmal vorhanden und werden für die Thumbnails entspr. skaliert (height="100"). Das heißt, Du brauchst sie nicht zu verkleinern. Das hat den Vorteil, dass sie beim Klick sofort angezeigt werden und nicht erst geladen werden müssen.
Viele Grüße - Ulrich

 

[shajan92]

Super! Vielen dank jetzt hats endlich geklappt :)