смена background-image
Здравствуйте, помогите пожалуйста.
При загрузке страницы цвет блоков меняется таким скриптом:
$(document).ready(function(){
var colors = ["#ffc502","#99ff00","#fff"];
var rand = Math.floor(Math.random()*colors.length);
$('.myDiv').css("background-color", colors[rand]);
});
Как делать тоже самое, но не с hex'ами а с бекграунд картинками? Самому никак не получается, что-то путаю либо с синтаксисом либо с функцией
$(document).ready(function(){
var colors = ["01.png","02.png,"03.png"];
var rand = Math.floor(Math.random()*colors.length);
$('.myDiv).css("background-image", url "(colors[rand])");
});
P.S. Хорошие люди уже подсказали как сделать на javascript, но из-за особенностей движка на моем сайте это не работает. |
$('.myDiv).css("background-image", "url('путь к картинке')");
|
Skipp, подправил синтаксис, как вы указали - но не работает. Может что с функцией не так?
|
$('.myDiv).css({"background-image":"url('путь к картинке')"});
|
$(document).ready(function(){
var colors = ["01.png","02.png,"03.png"];
var rand = Math.floor(Math.random()*colors.length);
$('.myDiv).css({"background-image" : "url(colors["+rand+"])"});
});
|
Ребята все равно не работает.
http://jsfiddle.net/wtYNd/ |
Цитата:
<div class="myDiv">some text</div>
<script type="text/javascript">
$(document).ready(function(){
var BG = ["http://boom-x.su/BG_01.jpg","http://boom-x.su/BG_02.jpg"];
var rand = Math.floor(Math.random()*(BG.length));
$("div.myDiv").css({"background-image":"url("+BG[rand]+")"});
});
</script>
|
$('.myDiv').css("backgroundImage", "url('http://mysite.com/images/mypic.jpg')");
С первого раза косяки не заметил:) |
| Часовой пояс GMT +3, время: 02:02. |