mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 11:33 Benutzername: Passwort: Auto-Login

Thema: Swap Image / Bild per Button klicken zeigen...oder ähnliches vom 23.08.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Swap Image / Bild per Button klicken zeigen...oder ähnliches
Autor Nachricht
Michelino81
Threadersteller

Dabei seit: 02.05.2006
Ort: -
Alter: 35
Geschlecht: Männlich
Verfasst Mi 23.08.2006 01:28
Titel

Swap Image / Bild per Button klicken zeigen...oder ähnliches

Antworten mit Zitat Zum Seitenanfang

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 geb auf... * ich bin nämlich soweit *fg*

Also, vielen Dank für Eure Hilfe
  View user's profile Private Nachricht senden
Frau_Braun

Dabei seit: 26.02.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 23.08.2006 02:26
Titel

Antworten mit Zitat Zum Seitenanfang

Guten Morgen, Michelino,

wie gut kennst Du Dich in CSS aus? Dies hier könnte eventuell helfen, je nachdem, was sich noch auf der Seite befindet:
http://meyerweb.com/eric/css/edge/popups/demo2.html
In Deinem Fall für das Bild die Koordinaten im Container div#links a:hover auf die Position setzen, die Du brauchst. Das Bild kann dadurch auch rechts vom Menü stehen.

Oder auch dies:
http://www.web-toolbox.net/webtoolbox/bilder/image-swap.htm


Gruß
Frau Braun
  View user's profile Private Nachricht senden
Anzeige
Anzeige
VonStrago

Dabei seit: 18.08.2006
Ort: Stuttgart / Bangkok
Alter: -
Geschlecht: -
Verfasst Mi 23.08.2006 09:03
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Michelino81
Threadersteller

Dabei seit: 02.05.2006
Ort: -
Alter: 35
Geschlecht: Männlich
Verfasst Mi 23.08.2006 21:11
Titel

Antworten mit Zitat Zum Seitenanfang

Jungs - habt vielen Dank....werde es gleich mal versuchen!!!! Danke!!!
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.