Кто
я такой?
Что
я делаю?
Где
меня искать?
Заметки

ГлавнаяЗаметки

JavaScript: показ увеличенного изображения с возможностью перелистывания массива изображений

02.10.2008

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

Обязательное условие: изобрести велосипед, т.е. jQuery и инкубаторские плагины к нему не использовать.

Пример того, что получилось

Если пример вас устраивает, то делаем следующее:

1. Все содержимое тега BODY убираем в DIV с id="layout".

2. В конце страницы, перед закрывающим тегом BODY вставляем такой код:

3. Привьюшки публикуем таким образом:

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

5. Скачиваем архив с примером, берем из него JavaScript и CSS, и между тегами HEAD прописываем пути к ним:

6. В CSS правим путь к изображению bg-bi.png.

Все. Смотрим что получилось, кликаем на привьюшки и наслаждаемся.
Если по каким-то причинам вы не хотите убирать содержимое BODY в DIV, то используйте файл gallery2.css из архива с примером.

Заметки


20.09.2011
Моя сокровенная тайна в QR-коде

17.03.2010
Это похлеще колушат с бутявками будет
QTracker Statistics — cистема сбора и анализа информации о посетителях сайта, которая предоставляет полную и оперативную информацию о его работе. С помощью системы QTracker Statistics вы сможете эффективно управлять сайтом, правильно его развивать и рекламировать.

В текущей версии доступно 30 отчетов о посетителях сайта.
© 1979—2018, Владислав Вовк. Электронная почта: info@imake.ru