Div Tags mit feste Positionierung bei unterschiedlichen Fenstergrößen zuweisen

[Der_Finder]

Hallo,

ich habe hier folgendes Problem:
Ich möchte in einer bestehenden Seite folgenden Galerie-Effekt einbauen der auf dieser Homepage Verwendung findet:
Public Art by Nicolas Gadbois
(Also dass bei MouseOver über einem Thumbnail das große Detailbild erscheint.

Nachdem ich mir die Tutorials "Ein- und Ausblenden von Div Container" und "Arbeiten mit Ebenen bzw. AP-Elemente in Dreamweaver" angeschaut habe, klappt es auch schon mal, dass der Effekt umgesetzt wird.

Allerdings besteht noch folgenes Problem:
Die eigentliche Seite wird immer zentriert ausgerichtet. Egal wie groß das Browserfenster ist. Ich bekomme es einfach nicht hin, dass das erscheinende Detailbild imm an einer festen Position erscheint.
Mein derzeitiger Stand ist an folgender Versuchsseite zu sehen:

(Ich habe das Detailbild mal dort eingefügt, wo es eigentlich erscheinen sollte. Bei einem MouseOver erscheint dann das eigentlich Bild...leider an der falschen Stelle).

Bevor ich nun mit meinen eigenen stümperhaften Versuchen und mit weiterem verzweifeltem rumgooglen weitere Zeit verschwende, hoffe ich nun auf eure Hilfe.

Ralf

 

[der-Webdesigner]

AW: Div Tags mit feste Positionierung bei unterschiedlichen Fenstergrößen zuweisen

Hallo Ralf!

Macht es nicht mehr Sinn, einfach den Link des Bildes mit JavaScript zu verändern? Oder ist es dir sehr wichtig, dass es mit CSS gemacht wird?
Ich sehe das Problem bei dir eher darin, dass du mit absoluter Positionierung arbeitest. Gibt es dafür einen Grund? Ich würde das Bild einfach rechts platzieren wie es dort bereits der Fall ist und beim Mouseover über ein Thumbnail die Bild-URL mit JS austauschen. Alternativ ist dies sicherlich auch nur mit CSS möglich, denn es ist ja eigentlich nichts anderes als ein Menü was beim Mouseover ausklappt.

Wie sowas realisierbar ist wird hier gezeigt:

Lg,
Manuel

 

[pixinator]

AW: Div Tags mit feste Positionierung bei unterschiedlichen Fenstergrößen zuweisen

Hallo,

ich habe hier folgendes Problem:
Ich möchte in einer bestehenden Seite folgenden Galerie-Effekt einbauen der auf dieser Homepage Verwendung findet:
Public Art by Nicolas Gadbois
(Also dass bei MouseOver über einem Thumbnail das große Detailbild erscheint.

Nachdem ich mir die Tutorials "Ein- und Ausblenden von Div Container" und "Arbeiten mit Ebenen bzw. AP-Elemente in Dreamweaver" angeschaut habe, klappt es auch schon mal, dass der Effekt umgesetzt wird.

Allerdings besteht noch folgenes Problem:
Die eigentliche Seite wird immer zentriert ausgerichtet. Egal wie groß das Browserfenster ist. Ich bekomme es einfach nicht hin, dass das erscheinende Detailbild imm an einer festen Position erscheint.
Mein derzeitiger Stand ist an folgender Versuchsseite zu sehen:

(Ich habe das Detailbild mal dort eingefügt, wo es eigentlich erscheinen sollte. Bei einem MouseOver erscheint dann das eigentlich Bild...leider an der falschen Stelle).

Bevor ich nun mit meinen eigenen stümperhaften Versuchen und mit weiterem verzweifeltem rumgooglen weitere Zeit verschwende, hoffe ich nun auf eure Hilfe.

Ralf

probier es mal mit einem rollover.
du mußt nur das ziel neu definieren.
also kein austausch mit sich selbst (image02) sondern mit dem image des großen bildes(image01).

...
onMouseOver="MM_swapImage('Image01','','images/bildname.jpg',1)"><img src=" / images / bildname_small.jpg" alt="alternativ" name="Image02" width="xxx" height="xxx" border="0" id="Image02">
...

das wäre meine variante.
hoffe es war verständlich ... :/

das javascript zu deinem link liegt hier --> http://www.cementarts.com/slides.js
ich guck da aber auch „wie’n schwein in’s uhrwerk“ ^^

 

[Der_Finder]

AW: Div Tags mit feste Positionierung bei unterschiedlichen Fenstergrößen zuweisen

Hallo Ralf!

Macht es nicht mehr Sinn, einfach den Link des Bildes mit JavaScript zu verändern? [...]

Also der Weg, wie ich zum Ziel kommen sollte, ist mir eigentlich egal...hauptsache ich komme hin
Und je einfacher er ist, desto angenehmer für mich...

probier es mal mit einem rollover.
du mußt nur das ziel neu definieren.
also kein austausch mit sich selbst (image02) sondern mit dem image des großen bildes(image01).
das wäre meine variante.
hoffe es war verständlich ... :/
[...]

Was ich an deinem Vorschlag nicht verstehe ist, wie ich es einstellen muss, dass das Detailbild entsprechend rechts in der Tabelle erscheint. Die Thumbnails sollen ja immer sichtbar sein und als Navigation dienen

Also sollte es noch eine andere Möglichkeit geben, bin ich natürlich dafür offen. Wie schon gesagt, hauptsache ich komme dann irgendwann mal zum erwünschten Ergebnis

Ach so, noch zur Info: Ich arbeite mit Dreamweaver CS3. Vielleicht gibts da einen entsprechenden Weg das Ganze umzusetzen?

Schon mal Danke für die Antworten!

Ralf

 

[hubspe]

AW: Div Tags mit feste Positionierung bei unterschiedlichen Fenstergrößen zuweisen

Hi,

das sieht mir ganz nach einer aus, die aber codemäßig ziemlich verhunzt worden ist.
Die von dir als Beispiel verlinkte Site hat einen Code zum Weglaufen.

Tabellen als Gestaltungselement sind absolut megaout.

JS ist bei sowas völlig unnötig, zumal JS auch nicht überall zur Verfügung steht.

@der-Webdesigner position:absolute ist bei dieser Art Galerien kein Problem, wenn man weiss was man tut. Z.B. sollte der umgebende Container ein pos.:relative; bekommen, damit sich das absolute Element bei Positionsangaben danach richtet.