Firefox Mouseover Problem

[pattex]

Huhu Leute,

ich habe ein Problem mit dem Firefox. Merkwürdigerweise funktioniert es aber mit dem InternetExplorer.
Also, ich habe einen Link, fahre ich dort mit der Maus drüber soll sich ein anderes Bild auf der Seite ändern. Dazu benutze ich halt ein kleines Java Script.

Mein Problem liegt dort:

Code:

document.images["dasbild"].src = Bildobjekt.src;

der Internet Explorer ersetzt dasbild wie es sollte mit dem neuen Bild. Firefox macht dies aber nicht!!

Allerdings funktioniert es z.b. wenn ich die größe des Bildes ändere:

Code:

document.images["dasbild"].width = Bildobjekt.src;

Woran kann das nur liegen? Warum kann ich mit Firefox keine Bilder mehr per bildname.src ändern??

Vielen Dank für irgendwelche Lösungsansätze/möglichkeiten!

[trefixxx]

wieso machst du es nicht so? finde ich einfacher...

Code:

a.link {
    display: block;
    width: 75px;
    height: 9px;
    background: url(../images/bild1.gif); }

a.link:hover {
    width: 94px;
    height: 9px;
    background: url(../images/bild2.gif); }

Code:

<ul>
                     <li><a href="?page=link" class="link"></a></li>
</ul>

[pattex]

Weil dann ja das Bild geändert wird, welches ich mit der maus überfahre. Aber es soll sich ja ein ganz anderes Bild auf der Seite ändern. :klo:

Dennoch schomma danke! :daumen:

[kickedINtheHEAD]

du könntest versuchen mit DOM zu arbeiten und über getElementsById auf a bestimmtes bild zuzugreifen und da den source zu verändern

kann aber sein das dein Problem auch darin liegt das das bild nicht nachgeladen wird
also versuch es mal irgendwo 1x1 Pixel groß schon vorher in die Seite einzubinden

[pattex]

Danke erstmal für deine Vorschläge. Was DOM ist weiß ich nun nicht, deswegen kann ich den nicht umsetzen. Leider brachte auch der Ratschlag mit dem 1x1px großen Bild keinen Erfolg..

So langsam verzweifel ich am Firefox...

[kickedINtheHEAD]

du könntest versuchen dem bild das geändert werden soll eine eindeutige ID zu geben
danach bei Javascript

Code:

document.getElementById('idname').src=url

DOM steht für Document Object Model und ist eine Schnittstelle zum zugriff auf html/xml dateien >> sprich du kannst eine html seite nach dem parsen noch verändern

[kickedINtheHEAD]

so hab das zeug mal schnell runter geschrieben is also nur as notwendigste drinnen

Code:

<script type="text/javascript">
function change (Image) {
    document.getElementById('bild').src=Image;
}
</script>
<a href="#" onmouseover="change('2.gif')" onmouseout="change('1.gif')">link</a>
<img id="bild" src="1.gif" />

[pattex]

Danke auf alle Fälle für deine Mühe. Aber es will einfach nicht funktionieren :mist:

http://netboard.sunsonic.de/homepage/mouseover.html


IE ändert die Grafik wie es sollte (von Pfeil nach unten nach Pfeil nach oben) aber der Firefox macht da nichts. :dontknow:

[kickedINtheHEAD]

najo mein firefox kann es zumindest also würd ich mal meine firefox einstellungen checken obst net vielleicht a teil vom javascript blockst

[pattex]

Mhmm.. ich habe den 1.5.0.2 und ich weiß nicht wo man da überhaupt was einstellen könnte..

*wunder*


edit: Ähm.. kann mir mal jemand erklären warum das in about:config deaktiviert war? habs aktiviert und nun funktioniert es. Danke schön!