Bilder ersetzen

  • Themenstarter Themenstarter Double M
  • Beginndatum Beginndatum
D

Double M

Hallo Leute,

Ich hab da ein Problem:
Ich hab ne Tabelle mit 2 Zeilen und 2 Spalten...
In jedem Teil ist ein Bild... sagen wir einfach eins ist grün (grün.jpg), eines rot,gelb,blau. (rot.jpg gelb.jpg blau.jpg)
wenn man jetzt auf eins klickt, sollen die Bilder durch z.B. orange.jpg lila.jpg schwarz.jpg und weiss.jpg ersetzt werden. (alle Bilder sind gleich groß)
geht das, oder muss ich das mit Frames machen ?


Hoffe ihr könnt mir Helfen
greetz Double M
 
Das geht!

Ruffe bitte mal mit dem IE (!) die Seite : http://www.typografix.de/hexxe/ auf!

Dort siehst Du erst nichts! Jetzt kannst du 3 mal Pfeil hoch drücken und es erscheinen die Zahlen 1, 2,3 und das ganze geht auch wieder rückwärts!

It nur ein ( unausgereiftes ) Testscript, mitdem nureinem Kunden etwas gezeigt wurde, aber es sollte für Deine Zwecke halbwegs reichen.

Bei Dir wäre eben Mausklick der Event, anstatt die Cursortasten!
 
Original geschrieben von Thomas Lindner
Das geht!

Ruffe bitte mal mit dem IE (!) die Seite : http://www.typografix.de/hexxe/ auf!

Dort siehst Du erst nichts! Jetzt kannst du 3 mal Pfeil hoch drücken und es erscheinen die Zahlen 1, 2,3 und das ganze geht auch wieder rückwärts!

It nur ein ( unausgereiftes ) Testscript, mitdem nureinem Kunden etwas gezeigt wurde, aber es sollte für Deine Zwecke halbwegs reichen.

Bei Dir wäre eben Mausklick der Event, anstatt die Cursortasten!
Zum Vergrößern anklicken....
hmmm, da blick ich irgendwie nicht wirklich durch.. hat jemand noch nen anderen Vorschlag ? ;)
 
Sollen sich beim Click auf die Grafik jeweils ein Bild ändern, oder alle vier gleichzeitig?

Wenns alle 4 sind kannst das folgendes Skript verwenden:
Code: 
<head>
<script type="text/javascript>
    var flag = 0;
    function change(){
         if(flag==0){
              document.rot.src = 'weiss.jpg';
              document.blau.src = 'orange.jpg';
              document.gelb.src = 'lila.jpg';
              document.gruen.src = 'schwarz.jpg';
              flag = 1; 
         }else{
              document.rot.src = 'rot.jpg';
              document.blau.src = 'blau.jpg';
              document.gelb.src = 'gelb.jpg';
              document.gruen.src = 'gruen.jpg';
               flag = 0;
         }
    }
</script>
</head>
.
.
.
<table>
<tr>
  <td><img src="rot.jpg" name="rot" onClick="change()"></td>
  <td><img src="blau.jpg" name="blau" onClick="change()"></td>
</tr>
<tr>
  <td><img src="grün.jpg" name="grün" onClick="change()"></td>
  <td><img src="gelb.jpg" name="gelb" onClick="change()"></td>
</tr>
</table>

wenns nur immer eines sein soll muss man das Script leicht modifizieren - sollte kein Problem sein...

ciao

//edit: Upps, da war wohl Cutti etwas schneller :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück