Слайд-шоу на JavaScript

Простое слайд-шоу на JavaScript

Решил на этой странице показать ещё одно практическое применение полученных навыков, и с помощью JavaScript сделал довольно простое слайд-шоу.

Думаю, нет необходимости писать, как пользоваться слайдером. Единственное, пожалуй, нужно сказать, если захотите просматривать вручную, лучше его остановить.

предыдущая	старт/стоп	следующая

* * *

Такой тип слайдера удобен в управлении, и очень прост для вставки других нужных рисунков.

Чтобы его запустить, создал массив из картинок, в котором использовал ключевое слово "new", что сказало скрипту - это новый объект. Поэтому, стало возможным присваивать ему свойства и методы ("действия"). Действия - функции.

Сам скрипт вынес в отдельный управляющий файл, а запуск функций осуществляется с помощью значений в атрибуте href и крохотной js-вставкой в этом.

Другие слайд-шоу

Здесь показал способ создания простых и удобных слайдеров для сайта только с помощью обычного javascript.

Ещё один очень простой способ вывода изображений на страницу сайта (правда, уже не как слайдер), но тоже только с помощью javascript, можете посмотреть и опробовать на странице "Просмотрщик изображений" (откроется в новом окне).

* * *

Разумеется, есть и другие, не менее интересные способы организации слайд-шоу на сайте.
Однако, там уже вступает в дело библиотека javascript - jQuery.

Посмотреть ещё несколько видов слайдеров, к тому же, с подробным описанием всего процесса создания, можете здесь: "Слайд-шоу" (откроется в новом окне).

А самый, на мой взгляд, удобный и интересный тип слайдера, который даже и называется по-другому, найдёте здесь: "РОТАТОР контента" (откроется в новом окне).

ВВЕРХ