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

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

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

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

 

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

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

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

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

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