Folgende Aufgabenstellung:

Eine Auswahl verschiedener Bilder soll in einem Bildschirmausschnitt horizontal (Links nach Rechts scrollen und zwar in s/w. Bewegt sich die Maus über eines der Bilder, dann a) bleibt der Scroller stehen und b) wird das Bild, über dem sich die Maus befindet vergrößert und in Farbe dargestellt (zoom also sozusagen in den Vordergrund und wird dabei idealerweise das jeweils links und rechts benachbarte Bild zum Teil überlagern).

Folgende Teilaufgaben sehe ich:
1) Scroller mit s/w Bildern ... kein Problem
2) Scroller anhalten ... kein Problem
3) Bild farbig darstellen sobald Maus über dem Bild ... kein Problem
4) Bild vergrößeren bzw. in den Vordergrund zoomen ... großes Problem

Gerade zu Punkt 4 fehlt mir der Anhaltspunkt. Man kann zwar mit Javascript die größe von Bildern verändern, aber irgendwie fehlt mir hier der Ansatzpunkt.

Hat vielleicht jemand eine Idee?

Das Fertige Produkt habe ich bisher leider nur als Flash-Scroller gesehen. Würde das ungern so realisieren müssen (Ladezeit, Kompatibilität, etc.).

Danke für die Antworten

Mister Ad

farant

mh, vielleicht kannst du ja mit js den z-index für das jeweilige bild an höchste stelle setzen und gleichzeitig austauschen; also eine ebene mit den gleichen abmaßen des bildes welches aber als hintergrund eingefügt wird, das du dann mit js durch zugriff auf die style-eigenschaft ersetzen kannst...

[img]image.jpg[/img]

wo ist da das grosse problem ???
wenn du willst kannst du auch eine function schreiben und das bild mit window.setTimeout(func(), 500) langsam vergrössern

gruss

farant

sag ich doch ;o)

...

nur das der z-index die tiefe der layer angibt .....

farant

naja, wenn er es das bild so darstellen will dass die ränder des größeren bildes über die kleineren bilder sich legen bräuchte man eben einen z-index ;o)

grüße