Галерея на JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кроме того!

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

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

Особенности

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

* * *

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

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

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

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

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

И, пожалуй, один из таких очень интересных и простых способов создания галерей на своём сайте - сделать "Просмотрщик изображений" (откроется в новом окне).

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

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

ВВЕРХ