Hallo, ich habe folgende Frage,

ich bin gerade dabei eine Internetseite zu programmieren, sie ist folgender Maßen aufgebaut:

Links befindet sich ein Rahmen mit 9 kleinen Bildern des Objektes welches präsentiert werden soll. In der Mitte befindet sich ein Block indem sich die Navigation und das Logo befinden. Und rechts befindet sich ein großes Bild.

Jetzt hab ich folgende Frage; ich möchte das sich bei Berührung der Maus mit einem der Vorschaubilder mit einem kleinen Übergang rechts dieses Bild in groß angezeigt wird und wenn ich die Maus wieder von dem Bild entferne das ursprungs Bild zurückkommt. Diese Funktion soll bei allen 9 Bildern in der linken Seite möglich sein. Ich hab mich schon etwas reingelesen und informiert und mir wurde gesagt ich soll es mit PHP versuchen, da es mit einem einfachen Mouseovereffekt nicht möglich ist. Ich bitte um schnelle Antwort, im vorraus schonmal vielen Dank..

php ist für so etwas auch nicht das Richtige, denn php baut (dynamisch) die Seite auf dem Server, gibt sie aber (statisch) als html-Datei ohne Interaktion an den Clientbrowser raus.

Ich bin mir sicher, dass hier gleich n Link zu ner Möglichkeit mit CSS oder Javascript erscheinen wird

mfg chmee

*Nachtrag
zB in CSS - http://www.cssplay.co.uk/menu/slide_show.html#portrait1

Joar mit Javascript und Ajax dürfte das im großen und ganzen kein Problem darstellen. Einfach beim Mousover schauen, über welchem Bild du bist und das ganze dann rechts in die Box nachladen. Bin da auch nicht so bewandert, aber das geht schon

Ich würde hier mit Ajax arbeiten.
Sobald du über das Bild fährst, wird vom Server ne Url geholt die du dann anzeigst.
Alternativ kannst du dir Pfade zu den großen Bildern in einem Javascriptarray speichern und vorladen und dann einfach anzeigen.

Hi,

Zitat von chmee

Ich bin mir sicher, dass hier gleich n Link zu ner Möglichkeit mit CSS oder Javascript erscheinen wird

*Nachtrag
zB in CSS - http://www.cssplay.co.uk/menu/slide_show.html#portrait1

und hier ein mögliches Rezeptbeispiel aus der JS-Küche: JavaScript-basierte Bildergalerie

mfg Maik

Danke erstmal für die vielen Antworten in dieser kurzen Zeit.
Dein Tipp ist ja wieder sehr gut Maik, aber wenn ich dein Javascript richtig verstanden habe entsteht anstelle der kleinen Bilder ein großes, ich möchte ja aber das diese kleinen Bilder trotzdem weiterhin auf der linken Seite angezeigt werden. Ich weiß ist wirklich sehr schwer, doch ich hoffe jemand hat die richtige Lösung für mich.

Liebe Grüße

Nö, da hast du das Beispiel falsch verstanden (weil noch nicht live getestet), denn es wird lediglich das Grafikelement

Code :

1 2 3

<div id="imageBox">    <img src="pic00.jpg" alt="" name="start"> </div>

getauscht, die "Thumbnails" werden weiterhin in der Seite angezeigt.

mfg Maik

ahh sry...hast du recht...vielen dank ich werds mal ausprobieren !!

Offtopic @Maik : Deinetwegen werden wir hier bald eine Designumbauaktion starten müssen, wegen Deiner Renomee-Quadrate, die den linken Bereich aufreissen..

Zitat von chmee

Offtopic @Maik : Deinetwegen werden wir hier bald eine Designumbauaktion starten müssen, wegen Deiner Renomee-Quadrate, die den linken Bereich aufreissen..

... keine Sorge, die unterliegen hier der Schwerkraft, und plumpsen in Tetris-Manier eigenständig nach unten, wenn's für sie zu eng wird



mfg Maik

Nochmal vielen Dank an Maik, nun funktioniert es wunderbar.