К тому времени, пользователь должен образы адресов, их изображения будут были загружены (прибыть в браузере) .В следующий основные элементы вы являются HTML-таблице для увеличенного изображения, HTML Таблица для небольших изображений и кнопки , Таблица для увеличенного изображения имеет одну строку и три ячейки; клетка в центре держит увеличенное изображение. Это таблица стилей, которая, прежде всего, определяет размер изображения (оба увеличенные и маленькие изображения) .Отель второй таблице есть одна строка и 5 клеток; каждый имеет небольшое изображение.
Это таблица стилей, которая, прежде всего, определяет размер изображения. После этой таблице, у вас есть кнопка HTML в код. Он имеет событие OnClick, что вызывает функцию, nextSet (). Это JavaScript функция копирует следующий набор изображений, в URL-адреса в настоящее время в массиве, в образ тегов второй table.The Style SheetThis является простой стилей: Первое утверждение в стилей сделок с небольших изображений, преследующих класс, маленький. Второе утверждение предложения с одной увеличенного изображения. Это изображение имеет класс, большой.
Декларация блок первого заявления имеет только значение ширины для небольших изображений. Блок объявлений для большого изображения также имеет только ширину значение увеличенное изображение. Всякий раз, когда вы даете значение ширины к HTML элемента браузер дает соответствующее или соответствующие высоты. Избегайте давать значений высоты HTML элементов; это усложняет презентация браузер с сегодняшнего browsers.The JavaScriptThis этот скрипт: Var = обр новый массив; функционировать fillArray () {уаг Subject = document.getElementById ('O1') архив. обр = subject.
match (/\\ S + /г); } Функция увеличения (событие) {document.getElementById ('I0 ") SRC = event.target.src. } Var NEXTINDEX = 5; Функция nextSet () {document.getElementById ('IS0') SRC = обр [NEXTINDEX + 0]. . document.getElementById ('IS1') SRC = обр [NEXTINDEX + 1]; . document.getElementById ('ИС2'