nicht angemeldet
2 Bilder gleichzeitig tauschen?
Hallo zusammen!
Kann mir jemand sagen, ob es möglich ist, mit einer mouseover-funktion
zwei (oder mehrere?) Bilder gleichzeitig auszutauschen?
Danke im voraus!
-
Kann mir jemand sagen, ob es möglich ist, mit einer mouseover-funktion
zwei (oder mehrere?) Bilder gleichzeitig auszutauschen?klaro!
view-source:http://www.pictum.de/desgn00.htmWichtig ist, dass Du einen Preload der Austauschbilder durchfuehrst, damit sie bei Bedarf geladen sind.
Gruesse
Wilhelm -
Hallo Zero !
Vielleicht hilft Dir dieses:
http://www.internet-partner.de/webmaster/java-script/javascript.html
(unter Maustricks --> Ändert Grafik und 2 alternative Grafiken)Bye Pepe
-
Noch eine Alternative:
Im <body> gibst Du dem Bild einen Namen, z.B.<img src="./daseinebild1.gif" name='eines' width=100 height=10>
<img src="./dasanderebild1.gif" name='anderes' width=125 height=30>Jetzt kannst Du Dein Bild über den Namen ansprechen:
function wexlhin(){
document.images['eines'].src="./daseinebild1a.gif";
document.images['anderes'].src"./dasanderebild1a.gif";
}Das hat den Vorteil, daß Du nach Erstellen des Scripts nicht drauf achten mußt, mit weiteren Bildern die numerische Rangfolge der Bilder nicht durcheinanderzubringen.
'n Gruß!
-
Im <body> gibst Du dem Bild einen Namen, z.B.
<img src="./daseinebild1.gif" name='eines' width=100 height=10>
Das hat den Vorteil, daß Du nach Erstellen des Scripts nicht drauf achten mußt, mit weiteren Bildern die numerische Rangfolge der Bilder nicht durcheinanderzubringen.Klar, mit Namen ist es einfacher zu handeln. Aber wenn Du es schon so machst, dann waere die Definition der Bildinstanzen in JS sinnvoller (uebersichtlicher).
Bei dem Beispiel von mir ohne name-attribut ging es schlichtweg um die Validierung durch W3, da das name-attribut not valid ist. Bei groesseren Seiten mit viel Grafik arbeite ich auch mit "name"// ausgeschaltet
mfiroff = new Image(); mfiroff.src = "images/off_uns_fir.gif";// eingeschaltet
mfiron = new Image(); mfiron.src = "images/on_uns_fir.gif";
-------------------------
function imgOn(imgName)
{
if (version == "ns")
document[imgName].src = eval(imgName + "on.src");
//document.layers['navi'].document.images[imgName].src = eval(imgName + "on.src");
if (version == "ie")
document[imgName].src = eval(imgName + "on.src");
------------------------------OnMouseOver="imgOn('mfir');imgOff('mas4')"
Gruesse
Wilhelm
-