mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:14 Benutzername: Passwort: Auto-Login

Thema: [Javascript] Mouseover-mehrere Grafiken austauschen vom 13.07.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [Javascript] Mouseover-mehrere Grafiken austauschen
Autor Nachricht
powdaer
Threadersteller

Dabei seit: 20.11.2002
Ort: Regensburg
Alter: 39
Geschlecht: Weiblich
Verfasst Di 13.07.2004 16:17
Titel

[Javascript] Mouseover-mehrere Grafiken austauschen

Antworten mit Zitat Zum Seitenanfang

noch ne frage zum feierabend.

hat vielleicht jemand von euch ein script,
mit dem ich bei einem mouseover einer bestimmten grafik,
nicht nur diese, sondern auch noch weitere grafiken tauschen kann....


also kurz: mit einem mouseover mehrere grafiken ansprechen....


wär ziemlich cool....
  View user's profile Private Nachricht senden
webdeveloper

Dabei seit: 25.05.2003
Ort: SG
Alter: 39
Geschlecht: Männlich
Verfasst Di 13.07.2004 16:23
Titel

Antworten mit Zitat Zum Seitenanfang

du schreibst einfach die funktion, und sagst dann:

Code:
onmouseout="Bildwechsel6();Bildwechsel5()


also 2 funktionen bei dem mouseover (jeweils die, womit du ein bild tauschen willst...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Account gelöscht


Ort: -
Alter: -
Verfasst Di 13.07.2004 16:24
Titel

Antworten mit Zitat Zum Seitenanfang

Beitrag gelöscht.
 
tuxedo

Dabei seit: 10.10.2002
Ort: ~/
Alter: 51
Geschlecht: -
Verfasst Di 13.07.2004 21:22
Titel

Antworten mit Zitat Zum Seitenanfang

so, hab grade mal langeweile gehabt:
Code:

   <script language="JavaScript">
      var seperator = ",";
      var image_array = new Array ("image1","image2","image3","image4","image5");
      var change_array = new Array ("../gfx/button1over.gif","../gfx/button1clicked.gif","../gfx/button1over.gif","../gfx/button1over.gif","../gfx/button1normal.gif","../gfx/button1normal.gif","../gfx/button1clicked.gif");
      function imageHandler (initArray,targetArray){
         var tempArrayA = initArray.split (seperator);
         var tempArrayB = targetArray.split (seperator);
         var lengthA = tempArrayA.length;
         var lengthB = tempArrayB.length;
         if (lengthA != lengthB){
            alert ("FEHLER IM SCRIPT!\nWert nicht gefunden oder übergeben!\nBilder: " + tempArrayA + "\nWechsel zu:" + tempArrayB);
         } else {
            for (var i=0; i < lengthA; i++){
               document.images[image_array[tempArrayA[i]]].src = change_array[tempArrayB[i]];
            }
         }
      }
   </script>


erklärung:

seperator
das trennzeichen, welches du im aufruf verwendest. ist zwar eher blödsinn,
aber hatte da lust drauf....
*ha ha*

image_array
ein array, in dem alle zu ändernden bilder mit namen aufgelistet sind.
hier habe ich mal image1,image2 usw verwendet, aber die namen kannst du
vergeben, wie du lustig bist....

change_array
ein array, welches alle zu verwendenden bilder aufnimmt.....

funktionsaufruf mit:
Code:

imageHandler('0,2,5','1,4,3');

vor dem ersten komma stehen die bilder, welche du austauschen möchtest.
hinter dem komma stehen die jeweils anzuzeigenden bilder.
in gegebenem beispiel bedeutet dies:
0 zeigt bild 1
2 zeigt bild 4
5 zeigt bild 3
an...
klar, das die anzahl der übergabeparameter gleich sein muss (sonst fehlermeldung)...


schaus dir an...
beim zweiten button fehlt ein wert, wirste sehen....

ich denke, das wars...
*kopfkratz*

wenn was ist, fragen....
  View user's profile Private Nachricht senden
 
Ähnliche Themen JS: mit onClick 2 Grafiken gleichz. austauschen. Wie?
mouseover mit css und mit nur grafiken?
Flash per Javascript austauschen
JavaScript: Begriffserklärungen via Mouseover - wie?
Javascript/PHP (CSS) MouseOver Galerie
Info-Box bei Mouseover (JavaScript)
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.