• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild an bestimmter Stelle laden

Status
Für weitere Antworten geschlossen.

Kero

Neues Mitglied
Hallöchen. ^^
Bin mir nicht sicher, ob mein Problem mit reinem HTML gelöst werden kann, deswegen bitte gegebenenfalls verschieben.
Ich hab mir ein Layout mit drei Kästchen erstellt: die Navigation (die ist nicht weiter wichtig), den Content und rechts neben dem Content befindet sich noch ein kleines Kästchen. Navigation und Content sind durch einen Iframe festgelegt, also kein Div.
Nun möchte ich, dass im Content auf einer ganz normalen Seite Miniaturen angeklickt werden können, die dann in diesem kleinen Kästchen rechts, größer dargestellt werden, z.B. klein.jpg (90x75) soll rechts zu groß.jpg (300x225) werden. Hilfe diesbezüglich hab ich schon woanders bekommen, aber die verhalf mir nur zu mäßigem Erfolg:
HTML:
[FONT=Verdana][SIZE=2]<a onclick="document.getElementById('bild1').style.display='block'"><img src="klein.jpg" width="90" height="75"></a>[/SIZE][/FONT][FONT=Verdana][SIZE=2]
<div id="bild1" style="display:none; position:absolute; top:216px; left:710px; width:300px; height:225px;"><img src="groß.jpg" width="300" height="225"></div>[/SIZE][/FONT]
Erstes Problem: wenn ich nun zwei Miniaturen habe und Miniatur 1 anklicke, wird sie auch groß dargestellt. Das klappt auch mit Miniatur 2. Wenn ich aber nun wieder Miniatur 1 anklicken möchte, dann bleibt Bild 2 stur dort. Ich möchte also noch die Möglichkeit haben, jedes beliebige Bild anklicken zu können, ohne dass man beim letzten in der Liste verharrt.
Zweites Problem: Die div-Angaben beziehen sich auf den Iframe des Contents. Sie sollen sich aber auf die Seite beziehen, da das Bild ja sonst nicht in dem kleinen Kästchen dargestellt wird.
Ich hoffe, dass jemand eine Lösung zu diesem Problem hat. Das wäre wirklich großartig.
Mit freundlichen Grüßen
Kero
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben