BackgroundImage eines DIV ändern

M

mal2000b

Grünschnabel
Hallo,
wie kann man BackgroundImage eines DIVs per JS je nach DIV große ändern Beispiel: wenn div kleiner als 300px ist zeige bild1 ansonsten bild2
ist das möglich
LG
 
Hi,

da es sich eher um ein JS-Problem handelt, verschiebe ich das Thema in den entsprechenden Bereich.

Zu deiner Frage:
Gib dem DIV eine ID, über die das Element eindeutig ansprechbar ist. In einer Funktion prüfst du den Eigenschaftswert, der gesucht ist (im Beispiel width) - ist er kleiner, so wird das erste Bild angezeigt, andernfalls das zweite.
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
window.onload = function(){
  testIt("div_id");
}

function testIt(strId){
  var objElem = document.getElementById(strId);

  objElem.style.backgroundImage = (parseInt(objElem.style.width)<300)? "url(bild1.gif)" : "url(bild2.gif)";
}
 //-->
</script>
</head>
<body>
<div id="div_id" style="width: 400px; height: 200px; border: 1px solid #000;">&nbsp;</div>
</body>
</html>

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück