✔ Bildwechsel mit PHP

M

mediaroad

Mitglied
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.
 
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: 
<div id="imageBox">
   <img src="pic00.jpg" alt="" name="start">
</div>
getauscht, die "Thumbnails" werden weiterhin in der Seite angezeigt.

mfg Maik
 
Offtopic @Maik : Deinetwegen werden wir hier bald eine Designumbauaktion starten müssen, wegen Deiner Renomee-Quadrate, die den linken Bereich aufreissen..
 
chmee hat gesagt.:
Offtopic @Maik : Deinetwegen werden wir hier bald eine Designumbauaktion starten müssen, wegen Deiner Renomee-Quadrate, die den linken Bereich aufreissen..
Zum Vergrößern anklicken....
... keine Sorge, die unterliegen hier der Schwerkraft, und plumpsen in Tetris-Manier eigenständig nach unten, wenn's für sie zu eng wird ;-)

reputation-tetris.jpg

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück