Веб-решения для Вашего бизнеса

Javascript slider show (slideshow)

Как-то мне понадобился самый обычный слайдер (slideshow slider show) - галерея картинок сменяющих друг друга. Многие украшают свои сайты меняющимися картинками. И все бы просто - лезь в интернет - там такого много. Все так, но то, что мне попадалсь - было реализовано с использованием jquery. А мне захотелось создать что-то подобное, но только с использованием javascript. Ничего похожего мне не попалось - пришлось сделать javascript слайдер шоу (javascript slider show) самому.

Основаная идея - все та же: есть набор картинок для галереи слайдер шоу, которые сменяют друг друга. Для красоты добавил плавные переходы между картинками. Чтобы слайдер был полнофункциональным добавил несколько кнопочек: "назад", "стоп/старт", "вперед". И индексатор, который показывает текущую картинку. При клике на индексатор - можно перейти к выбранной картинке. Если кликнуть по слайдеру (по фото), то произойдет переход по заранее определенному url. При нажатии на кнопки "назад", "вперед" - авто-смена фото отключается.

Вобщем, вот что получилось:
- показ сменяющихся фото;
- стоп/старт показа;
- переход к следующему/предыдущему фото;
- индексатор текущей картинки;
- переход к любому фото при клике на индикаторе;
- переход по заранее определенному url при клике на фото.


Постарался анимационным gif-ом показать что получилось

javascript slider show

смотреть пример слайдра

скачать код javascript slider show

Работает в IE, Chrom, FF, Opera.