| |
|
|
| | Помогите! надо в шапке сайта расположить 4 картинки, которые будут при этом постоянно меняться(в каждой картинке 4 варианта (того 16 картинок в папке) хотелось бы чтоб менялись рандомом. Перепробовала кучу скриптов, либо не работают, либо картинки сбиваются влево. Таблицей их тоже дисциплинировать не получилось. подскажите нормальный рабочий скрипт в html | |
| |
|
|
| |
|
|
| |
для: zoobic
(19.03.2012 в 02:10)
| | | 1. Дайте макет (схему) требуемого расположения картинок
2. Одинаковы ли все 16-ть картинок по размерам?
3. Меняться рандомом картинки должны при входе на сайт? Или нужна постоянная смена картинок при открытом сайте? | |
| |
|
|
| |
 10.2 Кб |
|
| |
для: zoobic
(19.03.2012 в 02:10)
| | | странно, что не получилось с таблицей... даже не знаю, поможет ли. вот есть такой bannerrotator -
там четыре картинки сменяются по очереди. добавить еще три ячейки в таблицу и 12 картинок в
массив - это по силам? скрипт старый, не мой, тухлыми апельсинами в меня не кидать. я помогаю. | |
| |
|
|
| |
|
|
| |
для: elenaki
(19.03.2012 в 10:55)
| | | Это у вас там апельсинами кидаются. У нас помидорами или яйцами ) | |
| |
|
|
| |
|
|
| |
для: elenaki
(19.03.2012 в 10:55)
| | | 1. Картинок у вас - 4 группы по 4 штуки в каждой группе.
Поименуйте их в папке так:
g# - это номер ГРУППЫ,
k# - это номер КАРТИНКИ в группе.
g1k1.gif g2k1.gif g3k1.gif g4k1.gif
g1k2.gif g2k2.gif g3k2.gif g4k2.gif
g1k3.gif g2k3.gif g3k3.gif g4k3.gif
g1k4.gif g2k4.gif g3k4.gif g4k4.gif
первая вторая третья четвёртая
|
2. Соответственно, ваши 4 тега <IMG> в HTML-коде должны иметь ID, соответствующие номеру ГРУППЫ.
Т.е. запись должна быть именно ТАКОЙ:
<img id="g1" src="g1k1.gif" style="width: XXpx; height: YYpx">
<img id="g2" src="g2k1.gif" style="width: XXpx; height: YYpx">
<img id="g3" src="g3k1.gif" style="width: XXpx; height: YYpx">
<img id="g4" src="g4k1.gif" style="width: XXpx; height: YYpx">
|
Как вы там разместите эти четыре картинки - четыре в ряд, в ячейках таблицы, в диве или ещё как-то - никакой роли не играет.
3. Скрипт - простейший:
<script>
//предзагрузка картинок
for (var j = m = 0, arIMG = new Array (); j < 4; j++) for (var k = 1; k < 5; k++)
{arIMG [m] = new Image (); arIMG [m++].src = 'g' + (j + 1) + 'k' + k}
//выдача случайного числа в диапазоне от 1 до х
var fRndm = new Function ('x', 'return ((parseInt (Math.random () * 987654321) % x) + 1)');
//установка случайного SRC у случайной группы
function fGhPic () {var group = 'g' + fRndm (4); document.getElementById (group).src = group + 'k' + fRndm (4) + '.gif'; setTimeout (fGhPic, fRndm (3) * 1000)}
//запуск таймера
onload = function () {setTimeout (fGhPic, fRndm (3) * 1000)}
</script>
|
| |
| |
|
|
