Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   elem.style.backgroundImage = (https://javascript.ru/forum/events/27055-elem-style-backgroundimage-%3D.html)

alma95 01.04.2012 16:24
elem.style.backgroundImage =
 
Всем добрый день. Спрошу одну элементарную вещь, сильно не судите.
Как сделать что бы подобно css в данном коде сначала загружался цвет, а пото сверху накладывалась картинка?
Тут я вижу лишь такой выбор:
elem.style.backgroundImage =    (картинка)

или 
elem.style.background =   (цвет)


А можно ли сделать что то типа такого??
elem.style.background = '#31972f url(/images/headm.png)';


Заранее спасибо!!!

T-sh 01.04.2012 17:34
Object.style.background="color image repeat attachment position";

alma95 01.04.2012 17:43
Данная строка не работает, вроде бы сделал как вы написали
 
Данная строка не работает, вроде бы сделал как вы написали 


object.style.background = "#31972f url(/images/headm.png)";

alma95 01.04.2012 17:50 
function headmenstyle(objectId) {
  object = document.getobjectById(objectId);
  object.style.background = "#31972f url(/images/headm.png)";
}


А за тем онкликом я меняю цвет своего блока

T-sh 01.04.2012 18:01 
<html>
<head>
  <style type='text/css'>
        #elem{
                  height: 100px;
                  width: 100px;         
        }
    </style>
    <script type='text/javascript'>
         function cBg(){
                      document.getElementById('elem').style.background = "#828484 url(bg.png)";
       }
   </script>
</head>
<body>  
   <div id='elem'></div><br/>
   <input type='button' value='Click' onclick='cBg()'/>  
</body>
</html>

T-sh 01.04.2012 18:07
привязывайте изменение к событиям, например:

window.onload = function(){ document.getElementById('elem').style.background = "red url(bg.png)"; }

alma95 01.04.2012 21:21
T-sh, спасибо огромное!!!


Часовой пояс GMT +3, время: 10:39.