Разработка веб-ресурса с использованием HTML, CSS, JavaScript, PHP. Применение базовых технологий для создания фотоархива в веб-интерфейсе. Захаркина В.В. - 7 стр.

UptoLike

Составители: 

12
Простейшее решениезадать для миниатюр гиперссылки,
загружающие полномасштабную фотографию в соседний фрейм.
Недостаток этого подхода для фотографий разного размера и разных
пропорций очевиден: они будут выведены в левом верхнем углу
фрейма, и центрировать их средствами HTML нельзя. Тем более
невозможно снабдить их подписями.
Применение JavaScript существенно улучшает удобство
использования такого интерфейса. Документ
фрейма,
предназначенного для вывода фотографии, может быть сформирован
сценарием. В этом случае легко задать центрирование фотографии и
вывести текст.
"Пролистывание" изображений
При таком варианте пользователь будет последовательно
просматривать изображения, не имея возможности выйти из этого
линейного процесса, выбрав заинтересовавшую его миниатюру. В
определенных ситуациях, когда важно показать материал в жестко
заданной последовательности, это может быть удачным решением.
Будем считать, что даже в общем случае отсутствие миниатюр не
раздражает, а вносит элемент интриги.
13
Возможно, при реализации такого варианта будет уместна
декоративная рамка, в которой показывается фотография. Видимо,
потребуются рисованные «кнопки» щелчком по которым
пролистываются фотографии. Кнопки можно, например, создать в
редакторе Adobe Photoshop или отсканировать и обработать
подходящее изображение.
Пожалуй, естественным элементом при подобной компоновке будет
подпись к фотографии. Сразу задумаемся над тем, что текст подписи
в
отдельных случаях может быть весьма объемным.
Технологический аспект
Структурная разметка при помощи HTML, скорее всего, не вызовет
затруднений. Все элементы, представленные на скриншоте, легко
располагаются в ячейках таблицы. Справа от скриншота тонким
пунктиром показаны границы табличных ячеек. Фотография может
быть выведена во встроенном фрейме iframe. Его границы
выделены жирным пунктиром.
Но обеспечение функциональности, очевидно, требует
программирования.
Вывод очередной фотографии не может быть
организован лишь оформлением гиперссылки. Необходимо, например,
хранить в какой-то глобальной переменной номер текущей
просматриваемой фотографии. Я уже не говорю о подписях, которые
могут выводиться только сценарием JavaScript.
Компоновка миниатюр разных
пропорций
Вне зависимости от того, открывается ли полномасштабное
изображение в новом окне, во фрейме или иным образом,
немаловажной значение имеет компоновка миниатюр. Проблема
возникает, когда фотографии (и, следовательно, созданные с помощью
масштабирования миниатюры) имеют существенно разные
пропорции. Можно предложить три подхода к решению проблемы.