Bild und Text bei Klick auf Thump darstellen

[sinaja]

Hallo,

Ich habe eine Seite mit vielen kleinen Thumpnails.
Die verknüpfung mit den grossen Bildern , so dass sie auf der Selben Seite gezeigt werden ist kein Problem, nur weis ich nicht wie ich jetzt jedem Bild einen eigene Text geben kann, der beim klick auf das thump in einem eigenen div oder iframe dargestellt wird.

der momentane code sieht so aus



<div id="box_mit_text" style="width: 500px; height:200px;background:#ccc"></div>
<div id="box2" name="box2" style="width: 500px; height:200px;background:#ccc"></div>
<a href="hier ist der Standort des grossen Bildes" target="box2" title="text der angezeigt werden soll">
<img src="standort des kleinen Bildes" alt=" Thumbnail image" name="image" width="80" height="120" border="2" title="Beispieltext" id="image" />bla blubber bla</a>


Danke im Vorraus.
Lieber gruss
Stefanie

 

[threadi]

Du verlinkst ja nur direkt auf das große Bild? So, dass es einzeln ohne Webseite im Browser dargestellt wird? Wenn ja, würde ich dir empfehlen dir mal eine der JavaScript-Bilder-Bibliotheken anzuschauen. Z.B. die Lightbox. Damit kannst Du das Bild vergrößern und gleichzeitig unterhalb des vergrößerten Bildes einen Beschreibungstext ausgeben.

 

[sinaja]

Hi,

naja, ich möchte halt das der Titel vom grossen bild in dem div mit namen box für text angezeigt wird. Oder auch iframe... was immer ich halt nehmen muss. der code ist ja nur ein kleiner Auszug aus dem ganzen.
ich möchte eben nicht den lightbox effekt , wo das grosse bild dann über der seite schwebt.

 

[mermshaus]

Du meinst von der Idee her sowas?

<img src="http://www.google.com/images/logos/ps_logo2.png"
     alt="Google-Logo"
     onclick="document.getElementById('desc').innerHTML = 'Meine Beschreibung';">

<div id="desc"></div>

PS: Es heißt thumb, mit b. ;)

 

[sinaja]

Von der Idee her stimmt es absolut... habe das jetzt mal eingebaut aber sobald das thumb auch ein a href zugewiesen bekommt geht es nicht mehr

das ist jetzt bei rausgekommen

<a href="grosse_bild" target="room" >
<img src="thumb"
alt="Google-Logo" border="0"
onclick="document.getElementById('desc').innerHTML = 'Meine Beschreibung';"></a>
<div id="room"></div>
<div id="desc"></div>

 

[mermshaus]

Na ja, du kannst nur entweder eine „lokale“ Funktionalität innerhalb der aktuell angezeigten Seite haben oder eine Verlinkung auf eine andere Seite. Beides ergibt wohl keinen Sinn. :)