 |
on-line-teaching.com
Онлайн курсы MS Office: Word, Excell. Как сделать сайт: HTML, JS, PHP
|
| Предыдущая тема :: Следующая тема
|
| Автор |
Сообщение |
fish
Prizivnik - draftee
Зарегистрирован: 02.03.2009
Сообщения: 1
|
 Добавлено: Пн Мар 02, 2009 2:19 pm Заголовок сообщения: help:слайд-шоу? |
 |
|
| подскажите новичку:на сайте нужно сделать слайд-шоу из 3-х картинок,первая картинка в теге div залита backgroundом. |
|
| Вернуться к началу |
|
 |
Forsaken
senior sergeant
Зарегистрирован: 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> |
на работоспособность непроверял. Попробуйте это запустить, потом отпишите. |
|
| Вернуться к началу |
|
|
|
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
|
|
FAQ
Поиск
Пользователи
Группы
Регистрация
Профиль
Войти и проверить личные сообщения
Вход
