powdaer
Threadersteller
Dabei seit: 20.11.2002
Ort: Regensburg
Alter: 39
Geschlecht:
|
Verfasst Di 13.07.2004 16:17
Titel [Javascript] Mouseover-mehrere Grafiken austauschen |
|
|
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....
|
|
tuxedo
Dabei seit: 10.10.2002
Ort: ~/
Alter: 51
Geschlecht: -
|
Verfasst Di 13.07.2004 21:22
Titel
|
|
|
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....
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....
|
|