Как сделать сайт:
  HTML
  JavaScript
  PHP
  CMS
Microsoft Office:
  Word
  Excel
  VBA
Просто о сложном
Список форумов on-line-teaching.com on-line-teaching.com
Онлайн курсы MS Office: Word, Excell. Как сделать сайт: HTML, JS, PHP
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 

help:слайд-шоу?

 
Начать новую тему   Ответить на тему    Список форумов on-line-teaching.com -> HTML: общие вопросы
Предыдущая тема :: Следующая тема  
Автор Сообщение
fish
Prizivnik - draftee
Prizivnik - draftee


Зарегистрирован: 02.03.2009
Сообщения: 1

СообщениеДобавлено: Пн Мар 02, 2009 2:19 pm    Заголовок сообщения: help:слайд-шоу? Ответить с цитатой

подскажите новичку:на сайте нужно сделать слайд-шоу из 3-х картинок,первая картинка в теге div залита backgroundом.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Forsaken
senior sergeant
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>

на работоспособность непроверял. Попробуйте это запустить, потом отпишите.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов on-line-teaching.com -> HTML: общие вопросы Часовой пояс: GMT + 2
Страница 1 из 1

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах


Powered by phpBB © 2001, 2005 phpBB Group
Русская поддержка phpBB