![Список форумов on-line-teaching.com](templates/subSilver/images/logo_phpBB.gif) |
on-line-teaching.com Онлайн курсы MS Office: Word, Excell. Как сделать сайт: HTML, JS, PHP
|
Предыдущая тема :: Следующая тема
|
Автор |
Сообщение |
fish Prizivnik - draftee
![Prizivnik - draftee Prizivnik - draftee](images/zvanie_img/z1.gif)
Зарегистрирован: 02.03.2009 Сообщения: 1
|
Добавлено: Пн Мар 02, 2009 2:19 pm Заголовок сообщения: help:слайд-шоу? |
|
|
подскажите новичку:на сайте нужно сделать слайд-шоу из 3-х картинок,первая картинка в теге div залита backgroundом. |
|
Вернуться к началу |
|
![](templates/subSilver/images/spacer.gif) |
Forsaken senior sergeant
![senior sergeant senior sergeant](images/zvanie_img/z6.gif)
Зарегистрирован: 05.10.2008 Сообщения: 60
|
Добавлено: Ср Мар 04, 2009 9:12 am Заголовок сообщения: |
|
|
Необходимо написать скрипт, который бы устанавливал таймер и менять div'у встроенный CSS стиль:
element.style.backgroundImage = "url('адрес рисунка')"
Для div установите например id="slide" в Вашем html документе, и
найдите его в js с помощью строки:
var element = document.getElementById('slide');
короче код для js будет такой:
Цитата: | <div id="slide">тут Ваш рисунок, назначенный как фоновый</div>
...
<script>
var element = document.getElementById('slide');
var curNumber = 0; // Это текущий номер рисунка
var allNumberPics = 3; // Это кол-во рисунков
setInterval(function () {element.style.backgroundImage = "url('http://www.domainname.ru/pic"+(curNumber++%allNumberPics)+".gif')";}
, 5000); // 5000 - это интервал
</script> |
на работоспособность непроверял. Попробуйте это запустить, потом отпишите. |
|
Вернуться к началу |
|
![](templates/subSilver/images/spacer.gif) |
|
|
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах
|
|