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

UptoLike

ВУЗ: 

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

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

Рубрика: 

28
//ссылка на объект с именем photoIframeName:
photoIframeObject = eval(photoIframeName);
//каталог фотографий
photoDir = 'Images';
//каталог миниатюр
photoThumbDir = 'Images /Thumbs/';
//расширение графических файлов
photoExt = '.jpg';
//имена классов CSS для фотографии и
//сопровождающего текста
//(примеры задания стилей приведены выше):
photoCSSClass = 'largePhoto';
photoTextCSSClass = 'photoText';
//--------------------------------------------
//Поскольку предполагается вывод фотографий с
//подписями, в клиентском варианте
//программирования удобно определить
//массив строк, содержащих имя графического
//файла (без расширения) и текст подписи.
//Имя файла и текст в строке массива разделены
//неким
редко встречающимся символом: в нашем
//случае это символ |
//Описание массива в этом случае удобно хранить
//в отдельном файле, присоединяя его к
//документу, реализующему показ фотоархива.
//Но сейчас мы определим массив в основном
//тексте сценария:
photoArr = new Array
(
'l07|Чтения по древнерусской литературе',
'l08|1982 г. Петрозаводск. На улице города',
'l09|1982 г.
Петрозаводск. Д.С. Лихачев'
29
// и так далее: перечисляем строковые
//элементы массива
);
//--------------------------------------------
//Определяем функцию вывода полномасштабной
//фотографии. Она будет служить обработчиком
//события click для миниатюр.
//Функция вызывается как значение атрибута
//onClick,задаваемого для каждой миниатюры с
//соответствующим значением аргумента
//---------------------------------------------
function showPhotoInIframe(n)
//Выводит n-ую полномасштабную фотографию с
//сопровождающим текстом в iframe, имя
которого
//задано в глобальной переменной photoIframeName
//Адреса фотографий и тексты подписей хранятся в
//ассиве photoArr
{
//выделяем из n-ого элемента массива photoArr[]
//имя файла фотографии и текст подписи и
//сохраняем в переменных photoName и photoText
var w = photoArr[n].split('|');
var photoName = w[0];
var photoText = w[1];
//формируем содержимое документа встроенного
//фрейма с именем photoFrameName. На объект с
//этим именем ссылается
переменная
//photoIframeObject.
with (photoIframeObject.document )
{
open();
write('<html><head>' +
'<meta http-equiv="Content-Type"

Страницы