Весьма часто используемое решение для сайта, когда надо поместить несколько картинок на одной площади, к тому же еще и добавить еще некой интерактивности, это применение слайд-шоу. То есть перелистывания картинок словно в приложении для просмотра. Однако реализуется это все в рамках открытой страницы браузера. Здесь естественно есть и плюсы и минусы, которые каждый думающий человек сразу же назовет и без нас, но дело не в этих рассуждениях, а в том, как же все это реализовать... Именно об этом и будет эта статья.

Итак, нашей задачей будет отображение нескольких картинок на одной площади. Они будут меняться время от времени в цикличном порядке. Сразу скажу, что для этого опять же потребуется прописать код формы HTML, далее стили CSS и движущей силой всего этого станет Java Script. 

Надо наверное начать с демонстрации примера, а далее приведу код (скрипт)

Пример слайд-шоу с отображением нескольких картинок

 

1 / 3
1
2 / 3
2
3 / 3
3

Посмотреть код

И еще один код для случая "ручной перемотки", то есть когда блоки листаются при нажатии на указатель влево или вправо.

Посмотреть код

...этот вариант содержит и ручную перемотку и автоматическое перелистывание страниц. Удачно используется на одном из сайтов.

Посмотреть код. Стоит на автосайте.

Собственно эту форму можно всячески доработать, это само собой разумеющееся!