tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
711
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 20.07.10 12:22 #1
    mal2000b mal2000b ist offline Mitglied
    Registriert seit
    Oct 2007
    Beiträge
    14
    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
     
    Zitieren Zitieren
  2. 20.07.10 18:00 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    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 :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

    <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
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
« Fancybox anderst positionieren | Ajax Script macht nur responseText »

Ähnliche Themen

  1. backgroundImage per Klick ändern
    Von Creeping im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 15.07.09, 14:29
  2. Backgroundimage vergrößern
    Von selle1 im Forum Photoshop
    Antworten: 4
    Letzter Beitrag: 14.10.08, 11:18
  3. Backgroundimage in mm-menu.js
    Von Remme im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 17.12.07, 15:48
  4. BackgroundImage von Panel
    Von Dipsi im Forum .NET Windows Forms
    Antworten: 6
    Letzter Beitrag: 03.06.07, 17:30
  5. Property eines Elements eines Styles ändern?
    Von FireFlow im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 26.06.06, 20:01