novosibpano@yandex.ru   8-913-954-96-05  

ГАЛЕРЕЯ ФОТОГРАФИЙ.


Плагин "Галерея фотографий" для krpano.

Возможности галереи.

  • Возможность создавать неограниченное количество галерей в туре.
  • Возможность создавать галерею из неограниченного количества фотографий.
  • Не нужно прописывать все фотографии, укажите только имя и количество фотографий.
  • Задавайте свои параметры размера, цвета, прозрачность фона и рамок и многое другое.
  • Для каждой галереи можно создать свои индивидуальные настройки.
  • Возможность установить кнопки со своим дизайном.
  • Присутствуют режимы зуммирование колесом мыши, кнопками и на мобильных устройствах двумя пальцами. Перетаскивание фотографии (для просмотра при зуммировании). Слайд-шоу.
  • Возможность делать подписи к фотографиям.
  • Возможность прописать действие по щелчку на фотографии (открыть ссылку, открыть документ, сцену и т.д.)



Примеры.

Пример на YouTube



Пример в 3D туре





Галерея фотографий состоит из двух частей.

1. Окно с миниатюрами фотографий.

Рамка с миниатюрами фотографий. Есть прокрутка колесом мыши и перемещение c зажатой левой клавишей мыши. Бегунок слева пропорционально показывает позицию миниатюр в окне. "Ухватившись" за бегунок миниатюры перемещаются. Миниатюра увеличивается при наведении курсора мыши. При щелчке по миниатюре открывается соответствующая фотография, на миниатюре появляется метка "картинка" просмотренной фотографии. Листая фотографии или в режиме слайд-шоу по соответствующим миниатюрам перемещается рамка (цвет меняется в настройках). С права от окна кнопка "свернуть миниатюры", миниатюры скрываются смещаясь в лево. По вызову галереи настраивается состояние панели миниатюр – открыто или закрыто. Можно включить в настройках функцию "автопрокрутка при наведении курсора".

2. Окно просмотра фоторафий .

Окно просмотра имеет настраиваемую по размеру, цвету, прозрачности рамку. Окно просмотра автоматически масштабируется. При сворачивании рамки миниатюр окно фотографии смещается в центр.

Интерфейс:
  • Кнопки "листать" фотографии расположены внутри окна по левой и правой сторонам.
  • Кнопка слайд-шоу расположена справа внизу внутри окна.
  • Показ номера просматриваемой фотографии/количество фотографий в галерее справа внизу.
  • Cлева снизу подписи фотографий. Стили текста подписей и счетчика настраиваются.
  • Кнопка "закрыть фото" При щелчке на фоне так же происходит закрытие.
  • Кнопка "листать фото" на фоне в нижнем правом углу.
  • Кнопки зуммирования «+» «-» на фоне в нижнем правом углу. Нажатие и удержание соответственно увеличивает или уменьшает фотографию. Зуммирование колесом мыши, если курсор на фотографии, листание колесом мыши, если курсор вне фотографии.
  • Фотография перетаскивается левой клавишей мыши. На тачпаде – нажать и двигать.



Как подключить

Для вставки в свой тур поместить папку "Gallery_photoSM" в корневой папке с туром.
Пример подключения плагина в основном xml:


    <krpano .... >
    <include url="Gallery_photoSM/Gallery_M.xml" />
    .
    .
    </krpano>
	



Подготовка фотографий и миниатюр для галереи.

Для каждой галереи подготовить фотографии с одним именем и нумерацией от 1 и выше (например - cats1.jpg,cats2.jpg...cats№.jpg), сделать из них миниатюры для окна миниатюр (уменьшить размер) и разместить, например, в папку "m".
Фотографии должны быть только с расширением . jpg.
В настройках вводится только имя и количество фотографий, номер фотографий и расширение добавляется к имени автоматически. Фотографии для миниатюр автоматически подстраиваются по ширине и по высоте, в настройках нужно выставить шаг между ними.



Как создавать и открывать галереи.

Например есть 12 фотографий - cats1.jpg,cats2.jpg...cats12.jpg)
  • путь до фотографий (%HTMLPATH%/photo/cats)
  • путь до миниатюр фотографий (%HTMLPATH%/photo/m/cats)
  • количество фотографий (12).
Создадим галерею под именем "cats".
В файле "Setting_gallery.xml" нужно записать это так:
 
	<cats   photo="%HTMLPATH%/photo/cats"
		miniature_photo="%HTMLPATH%/photo/m/cats"
		number_thumbnails="12"
	   />
	
Создайте событие, или несколько событий по исполнении которых будут открываться галереи, например - onclick="Galereya(cats);" где "cats" - это имя галереи.

Если используются параметры по умолчанию, то достаточно указать, путь до фотографий и миниатюр и количество фотографий.
Параметры галерей по умолчанию прописаны в файле "Setting_gallery.xml" под именем "Default_Galery". Эти параметры можно менять.
Для изменения параметров в отдельной галерее пропишите дополнительно изменяемые параметры, например в галерее "Thailand" выставлены настройки ширины бара миниатюр 150 пикс., высота бара миниатюр 100%:

		
	<Thailand  photo="%HTMLPATH%/photo/IMG_"
		   miniature_photo="%HTMLPATH%/photo/m/IMG_"
		   number_thumbnails="8"
		   thumbbar_width="150"
		   thumbbar_height="100%"
	     />
        
ВНИМАНИЕ!

Если в туре используется событие «onmousewheel» то в него нужно прописать m_wheelSM(); например:
<events onmousewheel="action(); m_wheelSM();" />
А из файла Gallery_M2.xml удалить строку:
<events onmousewheel="m_wheelSM();"/>

Файл Gallery_M2.xml с открытым кодом. В нем вы можете менять и создавать свои стили шрифтов, менять расположение и вид кнопок, статус загрузки и многое другое.
Файл Gallery_M.xml с закрытым кодом. В нем исполняемый код.



Настройки по умолчанию

В файле Setting_galereya.xml Под названием "Default_Galery" прописываются настройки параметров галереи по умолчанию.
Не испльзуйте в заносимых числах запятую вместо точки кроме параметра frame_color_photo.

Default_Galery - настройки по умолчанию:

  • Step_miniature="5" - расстояние между миниатюрами (в пикс).
  • photo_height ="90%" - максимальная высота фотографии в процентах от высоты окна просмотра. Если равна 100% то будет полное заполнение по высоте, если позволяет ширина.
  • <thumbbar_position="left" - три значения привязки к окну просмотра контейнера под миниатюры: "left", "lefttop", "leftbotton"
  • thumbbar_y="0" - смещение контейнера под миниатюры по оси у (пикс. или % ширины экрана).
  • thumbbar_x="0" - смещение контейнера под миниатюры по оси х (пикс. или % высоты ).
  • thumbbar_width="130" - ширина контейнера под миниатюры (пикс. или % ширины экрана).
  • photo_max_height="0.8 - Максимальная высота фотографии отосительно экрана(значения от 0 до 1, например 0-0%, 1-100%, 0.7-70%)
  • thumbbar_open="0" - выдвинуть контейнер миниатюр при запуске галереи. 0-нет, 1-да.
  • thumbbar_color="0x2D3E50" - цвет контейнера миниатюр.
  • thumbbar_alpha="0.3" - прозрачность под миниатюры (0-1).
  • thumbbar_color_b="1 0xFFFFFF 1" - рамка контейнера миниатюр "толщина (пикс.)_цвет_прозрачность".
  • frame_color_thumbnail="1 0xFFFFFF 1" - рамка миниатюры текущей фотографии "толщина (пикс.)_цвет_прозрачность".
  • frame_color_photo="10,10,22,10 0x58BA2D 0.8" - рамка показываемой фотографии "толщина рамки (пикс.)верх, правый, нижний, левый_цвет_прозрачность".
  • Background_color="0x000000" - Установка цвета заднего фона "0x000000"
  • marker_photo="galSM.png" - Имя картинки для маркера на миниатюре просмотренной фотографии. Картинка должна находиться в папке «Gallery_photoSM/iconGL»
  • autoscrolling="false" - автопрокрутка при наведении курсора на миниатюры "false", "true".
  • slideshow_interval="3" - интервал слайд шоу в сек.
  • text_open_thumbbar="Показать миниатюры фотографий" - текст при наведении на стрелку развернутого контейнера под миниатюры.
  • text_of_thumbbar ="Свернуть миниатюры" - текст при наведении на стрелку свернутого контейнера под миниатюры.
  • style_text_signature="text1galSM" - стиль текста счетчика фотографий.
  • style_text_photo_counter="text1galSM" - стиль текста подписи фотографий.
  • titles_№="..." - 1,2...№ номер фотографии = Подписи к фотографиям на рамке в нижнем левом углу.
  • onclick_№="..." - 1,2...№ номер фотографии = Действие вызываемое при щелчке по фотографии.
  • one_photo="№" - Показать одну фотографию из папки под номером №, остальные будут игнорироваться. Если установлен "0", показываются все фотографии из указанной папки.

  • start_photo="№" - Открыть галерею с фотографии номер "№".




Скачать фото галерею для krpano

Полностью рабочая демоверсия фотогалереи отличается от полной надписью электронной почты на фотографии.
Demo version 8.9 Mb
Скачать test_Gallery1.6.rar

Архив включает в себя:

  • Рабочий пример использования.
  • В примере папка "Gallery_photoSM" с файлами галереи в которой:
  • Папка iconGL(иконки кнопок управления)
  • Gallery_M.xml (демо версия. закрытый код)
  • Gallery_M2.xml (стили шрифтов, кнопки управления)
  • Setting_gallery.xml (исполняемый файл)


Преобрести плагин фото галереи.

Стоимость плагина 23 EUR.

Вы можете преобрести плагин оплатив через PayPal по ссылке ниже.
После покупки я вышлю на вашу почту рабочий файл Gallery_M.xml без демо подписи в течении одного дня.
Обновления плагина бесплатно!

Галерея фотографий 23 EUR.

Галерея фотографий 1570 руб.



Лицензия

Этот плагин предлагается как коммерческий плагин. Он предоставляется «как есть» без каких-либо гарантий, явных или подразумеваемых, включая любую гарантию качества, товарности или пригодности для определенной цели. Ни в коем случае автор плагина не несет ответственности за потерю данных, стоимость закупки замещающих товаров или услуг или любых особых, косвенных или случайных убытков по любой причине и независимо от того, или нет, автор плагина был уведомлен о возможности такого ущерба.
  Это ограничение будет применяться независимо от любого отказа основной цели любого ограниченного средства правовой защиты, предусмотренного в настоящем документе. В любом случае автор плагина не будет нести ответственности, вытекающей из этого соглашения.




Изменения

1.01.2018
Версия 1.6

1.Изменен механизм загрузки и подгонки фотографий, что позволило увеличить производительность. Теперь отсутствуют параметры W_prop и H_prop.
2.При открытии и листании фотографии показываются не больше своего истинного размера, что увеличивает качество показа фотографий (если фотография 100х100 пикс. она не расстягивается на весь экран).
3.Изменен интерфейс управления - кнопка разворачивания бара миниатюр перенесена в нижний правый угол, что позволило увеличить поле под раскрывающиеся фотографии (особенно важно в режиме просмотра на мобильных устройствах)
4.Добавилась новая функция "one_photo" для показа только одной фотографии из папки с фотографиями (по умолчанию "0").
5.Добавилась новая функция "start_photo" для открытия галереи с указанной фотографии (по умолчанию с первой).
6.Добавлена защита от нажатий на момент открытия галереи и фотографии.
7.Исправлены некоторые недочеты.

15.09.2017
Версия 1.5

1.Добавлен масштаб фотографий двумя пальцами на мобильных устройствах.
2.Теперь можно прописать действие по щелчку на фотографии (открыть ссылку, открыть документ, сцену и т.д.) прописать действие можно в Setting_gallery.xml - "onclick_№" где № - номер фотографии в данной галерее.

5.09.2017

Версия 1.4

Сделана смена фотографий колесом мыши, если курсор вне фотографии и зуммирование если курсор на фотографии.

1.09.2017

Версия 1.3

Исправлена подгонка бегунка в контейнере миниатюр(не вылазит за пределы высоты). Сделана настройка галереи по умолчанию. Исправлены проблемы во флеше. Исправлена ошибка фона контейнера миниатюр.