bilder anzeigen

[pengo]

servus

ich möchte gerne einer gallery bauen,

dazu möchte ich meine bilder ziemlich klein anzeigen allerdings wenn man dann über ein besitmmtes bild mit der maus fährt, wird das bild in einem bestimmten bereich vergrößert angezeigt.

hat dafür jemand ein bsp oder ein gute idee wie man das macht?

thx pengo

[Jana]

Hallo,
das Problem ist vor allem die Ladezeit der großen Bilder.
Man kann kleine Thumbnails auf die erste Seite legen und dann
in einem separaten Fenster die großen Bilder öffnen. Dadurch lädt man immer
nur ein Bild und er Besucher muß nicht ewig warten.
http://www.bndlg.de/~bbrendel/illustrationen.php

Die andere Möglichkeit ist man programmiert folgendes:
http://obermoschel.bndlg.de/dharma/Bilder_DHOM.php
Da wird immer wieder die gleiche Seite aufgerufen aber nur das
angeklickete Bild wird in groß geladen.

Am komfortabelsten ist es natürlich alle Bilder gleichzeitig auf dem Bildschirm zu haben.
Aber da muß man auf einer Seite vorher vorladen.
Es kann sein, daß das von der Zeit her gar nicht reicht.

Die Anordnung der Thumbnail kann man je nach Gusto gestalten.
Man kann auch Nummern oder vor-und zurück Buttons nehmen.
Sag mir was du möchstest ich kann dir dann das Script geben.

[pengo]

danke für deine Antwort

leider ist nicht das dabei was ich meine,

ich glaub so wie ich das möchte kann man das bloss mit flash umsetzen leider möchte ich kein flash verwenden deshalb werde ich das ganze vergessen.

thx pengo

[sixfriends]

falls ich dich richtig verstanden habe, ist es nicht so schwer....
1. Möglichkeit: mit css:

<style type="text/css">
a div { display:none; }
a:hover div { display:block; }
</style>
....
<a href="#"><img src="bild1.jpg" style="width:......">
<div><img src="bild1.jpg"></div> </a>
usw. für alle weiteren Bilder. Dann musst du nur noch das div ausrichten, in a:hover div...
Die Möglichkeit ist für das Internet aber eher ungeeignet, da dabei schon grosse Datenmengen geladen werden müssen (siehe Post von Jana).
2. Möglichkeit: Javascript:

<img src="startbild.jpg" id="gross">
<img src="bild1_thumb.jpg"
onMouseOver="javascript:document.getElementById('gross').src = 'bild1.jpg';">

Mehr dazu: http://de.selfhtml.org