Быстрый Операционная Галерея изображений для Нью-browsers

и не больше задержек, потому что, как вы заняты, глядя на первого набора и расширения его изображения, один за одним, другие два набора загружаются с помощью атрибута архива. Они приходят и они остаются в атрибуте архива. Всякий раз, когда они необходимы, они будут получены от атрибута архива, а не с сервера. Таким образом, время загрузки с сервера будут опущены, и пользователь заметит быстрого отображения всех изображений после первого сета arrived.Enlarging в ImageAs сказано выше, каждый набор изображений показывает пять изображений подряд.

При нажатии одно из изображений, вы видите его увеличенную форму над ним. В рамках проектирования, когда первый набор изображений прибыл в браузере, вы увидите первое изображение (самая левая в ряду) увеличенный. Увеличенное изображение просто имеет большие размеры, чем изображения в строке (что не увеличены). Эти крупные размеры определяются CSS. При нажатии любой маленькое изображение, значение (URL) источника атрибута увеличения изображения заменяется, что меньшего изображения. Когда замена происходит, вы видите изображение нажал увеличенный (выше).

Для любого увеличенного изображения, у вас есть же URL для тега изображения увеличенного изображения и тега изображения соответствующего маленьком изображении. Она является источником атрибут тега изображения, который определяет, что тег изображения отображается как увеличенного изображения image.ResolutionThe, в пикселях, не должно быть больше, чем любое из изображений на сервере. Если вы не уважаете это правило, будут потеряны резолюции одного или более расширенном image.Let нам идти на осуществлять project.Implementing код ProjectThe в 3-х частях.

Первая часть таблицы стилей в элементе HTML HEAD. Следующая часть является JavaScript. Третья часть является содержание тела элемента; это содержание имеет HTML элементы, представляющие интерес: элемент объекта, элементы таблицы, элементы изображения и кнопки element.Code Для тела ContentWe взгляда на содержание тела элемента первого, так как таблица стилей и JavaScript от него зависят. Это он: Часть текста может идти текст here.Some может перейти here.Next SetThe теги Кузов были включены в коде выше. В начальный тег элемента Body, у вас есть пара атрибут /значение, OnLoad = "fillArray ()".

Это событие OnLoad, что вызывает функцию JavaScript, fillArray (). Эта функция использует JavaScript метод регулярное выражение, чтобы скопировать список URL-адресов в атрибуте архива объекта в array.Now, в содержание Body: Первый элемен