Логотип Валидатор Валидатор Качество создания сайта

Галерея на JavaScript

Галереи на .htm и .html

Эту страницу сделал для испытаний ГАЛЕРЕЙ, созданных с помощью JavaScript и страниц с расширением .htm и обычного .html

Точку с запятой (;) после закрытия круглой скобки у атрибута ставить ОБЯЗАТЕЛЬНО!
Ведь, этот атрибут "включает" функцию.
   P.S.** Пробовал. Работает и без них, но управлять размером тогда можно очень условно! Окошко реагировало только на изменения ширины, а длина прибавлялась/убавлялась лишь в зависимости от её (ширины) размеров.

В результате использования JavaScript, появилась очень интересная возможность. Об этом написал после самих галерей.

** Учесть!!!  Одну и ту же картинку, пусть с разными расширениями, браузер открывать не станет(!!!).

Первый ряд на .htm

Мото1 Мото2 Мото3 Мото4

Здесь, для "лёгкости", убрал все необязательные записи и метатэги из кода страниц.




Второй ряд на обычном .html

Мото1 Мото2 Мото3 Мото4

И те, и другие работают ОТЛИЧНО!
P.S.** Нужно лишь не забывать(!) менять расширение адреса у атрибута "onclick".

Интересная возможность

Применив JavaScript, появилась интересная возможность "листать" фото и рисунки.

Можно открыть сразу хоть все 4 фото, а потом, раздвинув их по экрану монитора, кликать по той, которую сейчас хочется рассмотреть.
Она станет на передний план. Другие, при этом, НЕ ИСЧЕЗАЮТ!
Это что-то типа, как в программе "Фотошоп" с несколькими открытыми документами.

Для этого нужно покликать по рисункам. На экране монитора будет всегда оставаться последний, а остальные уйдут в нижний трэй.
После останется лишь пооткрывать их оттуда, и всё. Порядок!

Можно двигать рисунки (с зажатой левой кнопкой) по экрану монитора, как угодно.

Кроме того!

Можно очень легко управлять размером выводимого окна, что позволяет создавать маленькие "окошки с пояснениями". Например, такое: Вопрос 1 (кликните по вопросу).

А ещё, использовав точно такой же способ программирования, можно сделать удобные формы подписки для соответствующих страниц. Пример: "Шаблон лендинга".

Особенности

Страницы с разным расширением НЕ конфликтуют, но лучше давать им разные имена, т.к. операционка считает их "родными детьми", и определить расширение можно лишь после открытия (если не настроено отображение расширений).
Так что, лучше давать разные, чтобы самому не путаться.

* * *

К тому же!
Их (.htm) может читать даже самая старая операционка. Даже DOS(!), которая понимала только 3-ёх буквенные расширения.

Кроме того!
Их, файлы с расширением .htm, можно с успехом использовать при кодировании на PHP, применяя инструкцию include.
Они удобны для вставки всевозможных, больших нужных картинок.

P.S.**
Пришлось создать на сайте отдельную папку, в которой храню все файлы картинок и все страницы с таким расширением.
Поступил так же, как с фреймовыми страницами. Они чем-то здорово похожи.

Другие фотогалереи

Показал здесь лёгкий способ создания простых, но удобных для использования фотогалерей. Разумеется, есть и другие, не менее интересные способы организовать галерею рисунков и фотографий на сайте.

Посмотреть несколько видов самых простых фотогалерей, которые создаются вообще без использования скриптов, можете здесь: "Галерея" (откроется в новом окне).

Ещё, другие две галереи, сделанные уже на jQuery, быстро найдёте в соответствующем подразделе "Просто jQuery" (откроется в новом окне).


Назад

ВВЕРХ

Все права защищены. Copyright © 2009 - 2017 Коротеев Владимир.

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru