Autor |
Nachricht |
Michelino81
Threadersteller
Dabei seit: 02.05.2006
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mi 23.08.2006 02:28
Titel Swap Image / Bild per Button klicken zeigen...oder ähnliches |
|
|
Hi, die nächste Klappe!!!
Habe in einer Tabelle 6 Buttons und rechts eine Tabelle in einer vorgefertigten Größe der Bilder.
Jetzt will ich erreichen, dass wenn man Button 1 drückt, das gewünschte Bild1 erscheint und bei Button 2...Bild2 ....und so weiter.
Jetzt habe ich es mit Swap Image versucht und anderes und bin nicht weitergekommen - daher bitte ich um Erklärung, denn sonst ich bin nämlich soweit *fg*
Also, vielen Dank für Eure Hilfe
|
|
|
|
|
Frau_Braun
Dabei seit: 26.02.2006
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
VonStrago
Dabei seit: 18.08.2006
Ort: Stuttgart / Bangkok
Alter: -
Geschlecht: -
|
Verfasst Mi 23.08.2006 10:03
Titel
|
|
|
hmm etwas aehnliches habe ich vor ein paar tagen gemacht, nicht die eleganteste loesung, aber eine die kopfzerbrechen vermeidet , vielleicht hilft es dir weiter:
die funktion im head bereich:
function swapImage (x) { document.stage.src= x; }
wobei "stage" die id des platzhalters bildes ist,
(bsp: <img src="spacer.jpg" width="200" height="100" id="stage"> koennte dein start bild in der besagten tabelle sein oder einfach ein transparentes gif, hauptsache es ist mit dem css zusatz id="stage" gekenzeichnet)
die buttons sind dann nur noch einfache links die die varaible x auf den weg bringen, bsp, bild/button eins mit:
<a href="01.jpg" onClick="swapImage('01.jpg');return false"> ect
x ist die referenz der grafik hier als 01.jpg sichtbar (sagt man das so? wir sagen hier nur "source" dazu), die funktion swapImage im headbereich vertauscht die "source".
"return false" als zusatz so dass, wenn javascript deaktiviert ist man die bilder dann halt per direktlink sieht, und wenn javascript aktiviert, dann ist nicht dorthinweitergeleited wird. ect
gruesse an die heimat und viel spass beim scripten
p.s
http://www.dor.go.th/~pakkret/opening/index.htm
ist meine version (nicht lachen es gab geld dafuer!)
cheers
t
|
|
|
|
|
Michelino81
Threadersteller
Dabei seit: 02.05.2006
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mi 23.08.2006 22:11
Titel
|
|
|
Jungs - habt vielen Dank....werde es gleich mal versuchen!!!! Danke!!!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Advanced Image Swap
swap image ? erstellen
bild klicken und neue ebene geht auf
Bild das beim klicken auf eine Webseite weiterleitet
link klicken, bild tauschen (KEIN hover!)
[HTML] Formular mit Image-Button mittels RETURN abschicken?
|
|