Форум

CHEburaschka · #1 (**permalink**) 11.04.2011, 14:26

Очень нужна помощь специалистов.

Есть задача максимум и задача минимум.

Минимум:
Необходимо сделать так, чтобы при обновлении страницы, в одной из ячеек таблицы подгружалась случайная фоновая картинка из папки.

Максимум:
Сделать так, чтобы фоновые картинки в ячейке сменяли одна другую (плавно), как слайд-шоу.

В этой ячейке также имеется вставленное изображение (не фоновое), оно остаётся постоянным и не меняется.

Может кто то подсказать как, это можно реализовать?

Сам случайный выбор, насколько я понимаю можно написать так...

<script language="JavaScript">

</script>

Но как потом взять значение переменной ccr и передать его параметру background в ячейке?

walik · #2 (**permalink**) 11.04.2011, 14:35

document.getElementById("place").style.background = "url("+ccr+")";

CHEburaschka · #3 (**permalink**) 11.04.2011, 20:24

Большое спасибо за скорый ответ!

мой скрипт написан в разделе head

таблица с нужной ячейкой, конечно же в разделе body

Где нужно вписать Ваш код?
document.getElementById("pica").style.background = "url("+ccr+")";

Я проовал дописать его в мой скрипт, но это не принесло результата.

код нужной ячейки выглядит так: <td id="pica" width="184" height="280"><img src="pica/ima.png" alt="ima" width="184" height="280" /></td>

walik · #4 (**permalink**) 11.04.2011, 22:17

Где хотите менять туда и вставляйте.
Если при обновление страницы то после вашего кода добавьте:

window.onload = function() {
     document.getElementById("pica").style.background = "url("+ccr+")";
}

CHEburaschka · #5 (**permalink**) 12.04.2011, 15:33

Вроде написал всё как описано Вами, но фоновые картинки не подгружаются. В чём может быть дело?

walik · #6 (**permalink**) 12.04.2011, 18:07

<html>
<head>
<script type="text/javascript" language="javascript">
window.onload = function() {
var a=Math.round(Math.random()*3) 
var images = [];
images[0] = 'http://javascript.ru/forum/images/smilies/smile.gif';
images[1] = 'http://javascript.ru/forum/images/smilies/laugh.gif';
images[2] = 'http://javascript.ru/forum/images/smilies/stop.gif';
images[3] = 'http://javascript.ru/forum/images/smilies/yes4.gif';
var ccr = images[a];
document.getElementById("pica").style.background = "url("+ccr+")";
}
</script>
<style>
#pica {width: 100px;height: 100px;}
</style>
</head>
<body>
<div id="pica"></div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript