Не меняется бекграунд в таблице (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, время: 20:34. |