onMouseOver - DIV-hintergrund-Bild ändern, aber mit Einschränkung: Keine javascript - "tag" keine Style-css?

<div id="test" name="myDIV" style="background-image: url('img/img3'); width: 280px;    height: 150px " >

</div>
<br><br>
<hr>
<img alt="" id="1" src="img/image1"  onmouseover="javascript:    document.getElementById('test').style.backgroundImage=url('img/img1')">
<img alt="" id="2" src="img/image2"  onmouseover="javascript: document.getElementById('test').style.backgroundImage=url('img/img2)">

so etwas wie, dass außerhalb keine klare Funktion changeBgImage()
ist erlaubt. Keine externen CSS erlaubt ist. Ich weiß, das Unternehmen ist sehr retro ~ ^^

Hilfe? aktuell zeigt dies der Fehler.
Sorry für kein suffix für das Bild, da stackoverflow ist zu denken, dass ich bin Entsendung das Bild ohne Privileg. image1.jpg, image2.jpg, image3.jpg waren soll geschrieben werden aber weggelassen heraus, die es sonst nicht gebucht werden kann. Sorry ~

InformationsquelleAutor user829777 | 2011-07-05
  1. 2

    url() nicht um eine JavaScript-Funktion. Es ist tatsächlich Teil der CSS-Wert Sie einstellen wollen, so werden Sie wahrscheinlich zu tun haben, einige böse doppelt zitiert, wie diese:

    /* ... */ .style.backgroundImage = 'url(\'img/img1\')';

    PS. du bist auch fehlt ein Apostroph am Ende des ersten onmouseover hf.

    • Ja, du hast Recht ~ Es funktioniert ~
    InformationsquelleAutor Jan Krüger
  2. 0
    document.getElementById('test').style.backgroundImage = "url('img/img2)'"

    Verwenden, statt Ihre aktuelle inline-JavaScript-Code, und es sollte funktionieren. Wenn Sie überlegen, wie Sie das CSS Aussehen würde:

    #test { background-image: url('img/img3'); }

    Dann ist es klar, dass url ist Teil der Wert der CSS-Eigenschaft und muss daher in Anführungszeichen eingeschlossen werden.

    InformationsquelleAutor James Allardice
  3. 0
    <img alt="" id="1" src="img/image1" onmouseover="javascript: document.getElementById('test').style.backgroundImage='url(\'img/img1\')';">
<img alt="" id="2" src="img/image2" onmouseover="javascript: document.getElementById('test').style.backgroundImage='url(\'img/img2\')';">
    • Leider brechen die HTML-Attribute, da die HTML-kümmert sich nicht um die backslashes.
    InformationsquelleAutor Sascha Galley
Schreibe einen Kommentar