Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Слайд-шоу

#1 WebKiD

WebKiD
  • Пользователь
  • 27 сообщений
  • Репутация: 0
0

Отправлено 15 Июнь 2009 - 20:35

Всем здрасти))
Помогите плиз изобразить в JS коде слайд-шоу.
Еще нужно чтоб на каждой картинке была своя ссылка.
Вот даж по поводу алгоритма мысли: с начала создаем массив вида (id | image_url | link), его загружаем в функцию slide() и через SetInterval устанавливаем периодичность обновления функции, в которой мы выводим содержимое одной строки массива и на id устанавливаем переменную, чтоб если у нас там 3 изображения и достигнут максимум - слайдшоу начиналось с начала, т.е. присваиваем прежнее значение переменной.
зы. Надеюсь не сильно замудрил?

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 16 Июнь 2009 - 01:52

WebKiD, если не вдумываться в сложную реализацию, то примерно так:
1) Нужен массив с данными, откуда будем брать картинку и ссылку
2) Нужен HTML блок, например div и в нём <a href="...">...</a> + <img>.
3) Должна быть функция JS которая будет брать из массива последующую строку данных и обрабатывать её, занося значения в параметры ссылки и параметры картинки. Ведь обращаться к узлам мы можем с помощью dom и getElementByTagName
Можно сделать эффект затухания и проявления, изменяя прозрачность.

4) И конечно нам нужно запускать эту функцию через определённый интервал, для этого используем, setInterval.

Вообще удобнее подобное писать уже на готовых библиотеках framework'ах, они кроссбраузерны и удобны. К примеру тот же самый jQuery работает с подобным довольно легко. В документации всё расписано, как обращаться к свойствам, какие эффекты можно наложить, и конечно же как избавляться от многопоточного исполнения с помощью функций-обверток. Этого достаточно, чтобы писать красивые эффекты на основах данных lib.
  • 0


Оформление форума – IPBSkins.ru