Не меняется бекграунд в таблице (style.backgroundImage)
Есть скрипт
<script>
var i=0;
arrGif=["../img/slideshow/plastex_2012_12.jpg",
"../img/slideshow/plastex_2012_34.jpg",
"../img/slideshow/plastex_2012_56.jpg"];
window.onload=function(){
setInterval(fn,3000);
}
function fn(){
document.getElementById("im").style.backgroundImage=arrGif[i];
i++;
if(i>2)i=0;
}
</script>
и стиль
<style>
#im {
background-position:right top;
background-repeat:no-repeat;
background-image:url(../img/slideshow/plastex_2012_12.jpg);
}
</style>
и ячейка в таблице <td width="800" bgcolor="#000000" id="im"> В ячейке таблицы должен менятся фоновый рисунок. А он не меняется. Почему? |
hnyhlik,
Выложите минимальный HTML и пару реальных ссылок на картинки |
Цитата:
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#test {
width: 30px;
height: 30px;
background: url('http://javascript.ru/forum/images/smilies/laugh.gif') center center no-repeat;
}
</style>
<script type="text/javascript">
var i=0;
var a=[
'http://javascript.ru/forum/images/smilies/smile.gif',
'http://javascript.ru/forum/images/smilies/unsure.gif',
'http://javascript.ru/forum/images/smilies/blink.gif'
];
window.onload=function(){
setInterval(fn,1000);
}
function fn(){
document.getElementById("test").style.backgroundImage='url('+a[i]+')';
i=(i+1)%a.length;
}
</script>
</script>
</head>
<body>
<table>
<td id='test'></td>
</table>
</body>
</html>
|
ksa,
Большое спасибо) :) |
Спасобо за информацию
Единственное место где нашел описание смены фоновой картинки.
:dance: |
| Часовой пояс GMT +3, время: 01:20. |