Thumbnail auf gleicher Seite in größerer Auflösung

Hallo,
ich möchte auf eine Seite Thumbnails stellen. Durch Kick auf eines dieser Bildchen soll dies dann in größerer Auflösung an einer anderen Stelle auf der GLEICHEN Seite erscheinen. Wie ist das mit HTML umsetzbar.
Dank im voraus
Gerd

Hallo sitze gerade nicht am rechner aber spontan fällt mir nur eine Lösung ein wo das größere Bild in einem neuen fenster angezeigt wird. Alles andere braucht meiner meinung nach flash java etc. Sollte dir oben genannte Lösung reichen lass es mich wissen und werde dir später den code zukommen lassen

Gruß

Hallo Leif,
danke für die Antwort. Deine Lösung kenne ich schon und praktiziere sie auch (siehe z. B. http://www.bayer-kulmain.de/urlaub/wohnung2.html). Ich möchte aber eine Darstellung, wie ich sie u. a. bei der Seite http://www.deichgrafenhof.de/utholm.php gesehen habe. Die ist allerdings in PHP und da kenne ich mich nur ein ganz klein wenig aus.
Meine Befürchtung, dass die von mir gewünschte Lösung nur über Javascript möglich ist (was ich aber nicht möchte), hast Du ja auch bestätigt.

Gruß
Gerd

in HTML meines wissens gar nicht. Mit Javascript und da die funktion on mouseclick.

ich glaub das müsstes Du mit einen Java Applet machen . Sieh mal bei Stefan Münz „Selfhtml“ nach. Ein Befehl der so ähnlich wie „onmouseover“ klingt…
Probier es mal mit diesem Quellcode (Bilder musst Du Dir selbst machen):

Hallo Martin, hallo Holger,
das mit dem „mouseover“ usw hätte ich irgendwie zusammen bekommen (wenn auch mühselig). Ich wollte aber auf Javascript gänzlich verzichten, da doch recht viele User dies deaktiviert haben. Wahrscheinlich ist das wirklich mit reinem Html nicht zu verwirklichen. Einzig die Lösung, die Leif gepostet hat, ist als Kompromiss praktikabel.
Aber vielen Dank für die Tipps!
Gruß
Gerd

Hallo!

Nachfolgend ein Link zu einer Seite, wo eine Vorgehensweise beschrieben ist:

http://www.homepage-forum.de/showthread.php?t=26748

Viel Erfolg
Wolfgang

Hallo Gerd

mit HTML ist mir kein einfacher Weg bekannt. Jedoch ist dies gut mit CSS lösbar. Schau dir mal unser Beispiel unter http://www.goout.ch/team.aspx an. Du darfst gerne den Code „klauen“.

Beste Grüsse
Andreas

Hallo,

ich suche für meine eigene Homepage selbst so eine Lösung. Melde mich doch mal, wenn dir eine gute Lösung vorgeschlagen wurde.

Gruß,
Achim

Hallo Wolfgang,
danke für die Antwort. Die bechriebenen Bildergalerien sind nicht das, was ich speziell suchte. Ich habe schon an einem anderen Projekt mit JoJoThumbs gearbeitet, bringt mir hier aber nichts. Die andere vorgeschlagene Methode „für jedes Bild eine Homepageseite“ habe ich auch schon verwirkicht (z. B. http://www.bayer-kulmain.de/urlaub/index-hamburg.html), ist aber für meine aktuelle Seite auch nicht die Lösung.
Am ehesten ist noch die Lösung mit CSS, die Andreas in der nächsten Antwort unten vorschlägt, geeignet. Eine ähnliche Antwort bekam ich auch bei einer anderen Frage („HTML-Code zum Bilder anzeigen in extra Seite“), die ich hier stellte, von Karin, die den Link „http://www.dynamicdrive.com/style/csslibrary/item/cs…“ postete. Ich hab nur noch Probleme, da mein Bild größer als die Tabelle ist.
Gruß
Gerd

Hallo Achim,
schau mal bitte meine beiden letzten Antworten, die ich Wolfgang und Andreas gegeben habe, an. Vielleicht ist da auch für Dich die Lösung dabei.
Gruß
Gerd

Hallo Andreas,
schaut wirklich super aus! Eine ähnliche Lösung wurde mir hier bei einer anderen Frage („HTML-Code zum Bilder anzeigen in extra Seite“) auch schon vorgeschlagen (http://www.dynamicdrive.com/style/csslibrary/item/cs…).
Ich hab nur noch Probleme, da meine Gesamttabelle nur 800 px breit ist, die gewünschten Bilder aber 900 px. Dadurch werden die Thumbnails verschoben. Aber entweder ich find durch Rumprobieren eine brauchbare Lösung oder ich verkleinere die Bilder.
Danke für die Hilfe.
Gruß
Gerd

Moin,

mit HTML ist das so nicht umsetzbar. Da benötigst du schon Javascript für. Am einfachsten ist das mit z. B. JQuery. Wenn Du mal nach Jquey thumbnail googelst findest Du div. Beispiele. Allerdings solltest du schon mal mit Javascript / Jquery gearbeitet haben. Ansonsten ist das wahrscheinlich zu kompliziert.
Im Endeffekt musst Du ein OnClick-Event auf das (Thumbnail) Bild legen und dann mit einer JS-Funktion ein div dynamisch anpassen, bzw. die Source des großen Bilds ändern.

Gruß
TH

Moin Thomas,
wie Du schreiben auch alle anderen, dass es ohne Javascript nur schwer möglich ist. Ich werde mal überlegen, ob ich es doch damit mache, da es im puren Html anscheinend nicht möglich ist.
Danke für den Tipp
Gruß
Gerd