Примеры фотогалерей на HTML и CSS

Фотогалерея №1

Подробнее о вставке изображений на страницу можно почитать в нашем учебнике по HTML здесь.

Все изображения фотогалереи находятся в одной папке. При нажатии кнопок меню галереи срабатывает подключенный скрипт, который в пути к изображению меняет его номер, что приводит к загрузке в галерею выбранного изображения. Рабочий вариант дизайна меню этой галереи можно посмотреть на нашем сайте «В мире животных» в конце практически каждой страницы. Там такое меню используется для перехода между страницами (содержимое другое).

Фотогалерея №2

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