Форум

hnyhlik · #1 (**permalink**) 18.02.2013, 13:48

Есть скрипт

<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">

В ячейке таблицы должен менятся фоновый рисунок. А он не меняется. Почему?

Deff · #2 (**permalink**) 18.02.2013, 14:00

hnyhlik,
Выложите минимальный HTML и пару реальных ссылок на картинки

ksa · #3 (**permalink**) 18.02.2013, 14:16

Сообщение от hnyhlik

Почему?

Найди отличия...

<!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>

hnyhlik · #4 (**permalink**) 18.02.2013, 14:38

ksa,
Большое спасибо)

akyl91 · #5 (**permalink**) 18.10.2014, 16:35

Единственное место где нашел описание смены фоновой картинки.

Форум

Справочник

Discord чат

Курсы javascript