[zizou79]

Hallo zusammen,

ich bin neu in diesem Forum und hoffe ihr könnt mir helfen. ich hab das ganze Internet schon durchsucht, aber leider nichts brauchbares und verständliches zu diesem Thema gefunden. Es geht also um folgendes:

Ich bastele gerade an einer Website mit einer Bildergalerie. (Zur Info: Ich möchte keine öffentlichen Galerien wie Lightbox oder ähnliches verwenden). Die Aufteilung der Seite soll 3 Bereiche gegliedert sein:

1. Bereich:
Ganz Links die vertikale Navigation, die zur Verlinkung verschiedener Themen für die Bildergalerie dient (z.B. Sport, Reisen etc.) - Funktioniert noch ohne Probleme und ist ja nicht so schwer


2. Bereich: Jetzt kommen die Probleme...
Klickt man z.B. auf Sport sollen sich neben der Navi vertikal angeordnete Thumbnails öffnen, die in einem festgelegten Bereich mittels Mouseover (jeweils mit einem Pfeil oberhalb und unterhalb dieses Thumbnail-Bereiches) hoch und runter gescrollt werden sollen können.... ich hab ein javascript gefunden, was diese problematik mittels einer Tabelle und IFrame löst. da klappt das mit dem scrollen schon mal, aber so richtig prickelnd ist das auch nicht...

jetzt werden die probleme größer

3. Bereich:
bei dem Javascript Thumbnail Iframe soll, wenn man über ein Thumbnail mit der Maus fährt, das Bild in der richtigen (goßen) Größe rechts neben diesem Iframe in einem festgelegten Bereich zentriert (wegen gleicher Anordnung von Hochformat und Querformat Bildern) erscheinen

Ich hab im Netz ein ähnliches Beispiel gefunden, dass mit CSS programmiert wurde, allerdings weiß ich nicht, wie ich da einen Mouseover Scroll machen kann, da der Bereich wo die Thumbnails angezeigt werden nur eine bestimmte Größe haben soll... So sollte es halt irgendwie aussehen...

http://www.werbung-webdesign.de/bilder-galerie-css.php

Ich hoffe ihr könnt mir weiterhelfen.

Tausend Dank
Tobi

[sk439]

[zizou79]

Vielen Dank für die schnelle Antwort.

das Problem ist, dass ich mich mit Flash eigentlich gar nicht auskenne und dann müsste ich ja eigentlich die komplette seite in flash erstellen mit navigation etc., da das ja alles irgendwie zusammenhängt oder???

gibts vielleicht noch ne andere möglichkeit? CSS ???

[Mark-Korb]

Ich würd das ganze Scrollen einfach weglassen.
Warum? Scrollen in einer Seite ist für den user immer schwer.
Hab Mal Test mit Endverbrauchern in nem Shop mit Scrollmenü gemacht.
Ergebnis war das die Hälfte dran Gescheitert ist den hoch und runter Knopf zu finden....


Je nachdem wie viele thumps es sind mach nen weiter Button oder hau alles untereinander.
Kann man doch recht easy über nen php include in nem div lösen.

[zizou79]

Das Problem ist, dass der container, in dem der content der seite dargestellt wird eine Höhe von 550px hat und zentriert auf der seite ist. d.h. der zur verfügung stehende raum für die vertikal angeordneten thumbnails hat ein höhe von ca. 380px und daher muss irgendwie gescrollt werden und da die seite sehr clean ist, sind die scroll pfeil bilder gut sichtbar...

irgendwie muss das doch auch ohne flash realisierbar sein... hoffe ich

[Jan Petersen]

Hallo,

Genau sowas hab ich schon mal für einen Kunden entwickelt, nur dass das Scrolling horizontal war und nicht vertikal. Du kannst dir das ja mal anschauen und dir das Javascript einfach mal rauskopieren.

Die Anzeige des Großbildes erfolgt dort mittels des Events "onclick". Das musst du dann halt auf "onmouseover" ändern, damit die Bilder bei Mouseover gezeigt werden. :)

Und das Umstellen von horizontales auf vertikales Scrolling sollte auch recht einfach möglich sein.

Link: http://www.vagary.de/kollektion/aqua39.html

Grüße,
Jan Petersen

[Mark-Korb]

[zizou79]

besten dank für die antworten. das scroll menü dieser seite http://www.vagary.de/kollektion/aqua39.html von jan petersen kommt dem schon sehr nahe was ich suche. werd mal versuchen mich darein zu arbeiten.

viele grüsse