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

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

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

Рубрика: 

30
content="text/html;
charset=windows-1251">' +
'</head><body>');
write('<div class="
photoCSSClass">'+
'<img src="' + photoDir +
photoName + photoExt +
'"><br></div>'+
'<div class="
photoTextCSSClass">' +
photoText +
'</div>');
write('</body></html>');
close();
}; // with
}; // showPhotoInIframe
//--------------------------------------------
//Обеспечим «пролистывание» фотографий
//Инициализируем номер текущей фотографии
nPhoto = 0;
//--------------------------------------------
function prevPhoto()
//Показывает предыдущую фотографию, изменяя
//глобальную переменную nPhoto
{
if (nPhoto>0)
{
nPhoto = nPhoto-1;
showPhotoInIframe(nPhoto)
}
}; // prevPhoto
31
//--------------------------------------------
function nextPhoto()
//Показывает следующую фотографию, изменяя
//глобальную переменную nPhoto
{
if (nPhoto<nPhoto<photo.length-1)
{
nPhoto = nPhoto+1;
showPhotoInIframe(nPhoto);
}
}; // nextPhoto
Итак, определены функции nextPhoto() и prevPhoto(),
обеспечивающие показ очередной фотографии при пролистывании
вперед и назад. Они изменяют значение глобальной переменной
nPhoto, в которой запоминается номер текущей фотографии. Эти
функции вызываются как обработчики onClick для
соответствующих интерфейсных элементов (например, рисованных
«кнопок» со стрелками
).
Компоновка миниатюр разных
пропорций
В предыдущем разделе
отмечалось, что такой вариант
компоновки можно реализовать
только средствами HTML,
например, используя таблицы с
нужными параметрами обтекания. Вставим наши миниатюры и
подписи к ним в ячейки маленьких табличек с начальным тегом
<table align=”left” ...>. Тогда браузер расположит эти
таблички таким образом, чтобы максимально использовать свободное
пространство окна. Хотелось бы все же
использовать CSS для задания
параметров внешнего отображения и сделать верстку «с помощью div-

Страницы