Hallo,
ich habe ein etwas heikles Problem, bei dem ich hoffe, das es sich
überhaupt lösen lässt.
Ich bin gerade dabei die Homepage einer Töpferei neu zu gestalten.
Teil dieser Page ist ein Produktkatalog mit ca. 70 Artikeln verteilt
auf 6 Seiten. Zu jedem Artikel habe ich ein Bild (100x100 Pixel und
300x300 Pixel).
Momentan habe ich die kleinen Bilder nebeneinander und bei Klick
öffnet sich ein Popup Fenster mit dem großen Bild und den
dazugehörigen Beschreibungen.
Leider finde ich das bunte Durcheinander von kleinen Bildern sehr
unübersichtlich und nicht dem neuen Design entsprechend.
Ich würde jetzt gern die Namen der Artikel untereinander setzen und
bei Mouse over sollte sich von allen kleinen Bildern, an ein und der
selben Stelle die Minivorschau zeigen. Bei Klick dann das gewohnte
Popup Fenster.
Ist dieser Gedanke irgendwie in die Tat umzusetzen, so das viele User
dies nutzen können?
Bin für alle Ratschläge und Codes dankbar.
Danke und viele Grüße
Andreas
Gehört eigentlich ins Brett Javascript, aber hier die Antwort:
Du nutzt folgende JavaScript-Funktion:
function toggleImage(name,filename) {
document[name].src = filename;
}
Du legst also im html-Teil ein Bild an, gibst diesem einen Namen z.B. „Bild“, und schreibst dann bei jedem Artikel ins onMouseOver=„Javascript:toggleImage(‚Bild‘,‚images/article105.jpg‘)“
Voila. Du solltest darauf achten, dass alle Bilder die gleiche größe haben.
Weitere Infos bekommst du im JavaScript-Brett
Ralph
Danke, Ralph…
…werde mein Glück mal probieren.
viele Grüße Andreas