novosibpano@yandex.ru  

Меню с редактором v2.0


HTML5. krpano v1.20.9




Возможности

  • Наличие интерфейса. Визуальный контроль над всеми изменениями - вы сразу видите результат!
  • Работа в обычном интернет браузере.
  • Гибкая насторойка общего дизайна меню (ширина, цвет, прозрачность, тень, бордюы и т.д.)
  • Установка логотипа, открывающего сайт по клику.
  • Создание кнопок (по умолчанию 4 варианта).
  • Настройка дизайна как группы кнопок так и по отдельности.(ширина, высота, цвет, прозрачность, тень, бордюы, текст и т.д.)
  • Присвоение иконки кнопкам.
  • Возможность установить изображение в кнопку.
  • Создание индивидуальной древовидной структуры меню. Назначайте на любую кнопку открытие группы кнопок, которые в свою очередь так же могут иметь группы.
  • Назначение предустановленных действий на кнопки (открыть панораму, фото, выбранный вид, сайт, youtube). Также можно назначить любое действие на клик по кнопке, прописав соответствующий код.
  • Ввод текста на четырех языках.
  • Hастройки проекта и все кнопки (в виде слоев) сохраняются в файле xml.
  • Возможность сохранить предварительные настройки дизайна для использования в последующих проектах.
  • Предоставляется широкая возможность по редактированию кода слоев и стилей меню.



Подключение.

Для подключения меню с редактором поместите папку "menu" в корневую папку с туром.

Пропишите в основном xml:


<krpano>
  <action name="menu_st" autorun="onstart">
    delayedcall(0.5, includexml(menu/plugins/menu_sm.xml); delayedcall(0.3, menu_st()));
  </action> 
  <include url="menu/plugins/edit_menu_sm.xml" />   
    .
    .
</krpano>
	

delayedcall(0.5 - 0.5 это время задержки на запуск меню в сек. Это может быть полезным, если у вас при запуске тура загружается большой объем информации и одновременная загрузка может повлиять на скорость загрузки тура.

По завершению работ отключите редактор удалив эту строку:


<include url="menu/plugins/edit_menu_sm.xml" />
	

Пример.
YouTube


interf_pan add_pit - открыть панель редактора дизайна.

"Onclick:" - в эту строку выводится код, исполняющийся при щелчке по кнопке. Можно добавить свой или изменить этот код.

"Title 1:" - в эту строку выводится текст кнопки. Введите в строку свой текст кнопки (по умолчанию выводится имя слоя создаваемой кнопки).

"Title 2:, Title 3:" - введите текст на других языках, он будет переключаться при нажатии кнопки смены языка.

"Icon:" - Нажмите на "Icon:" - откроется окно проводника. Выберите иконку в папке "menu/image/icon/" . Она установится перед текстом в кнопке. В строке пропишется полный путь до иконки, Вы можете ввести свой путь. Предварительно вы должны поместить в эту папку иконки

"Image:" - Нажмите на "Image:" - откроется окно проводника. Выберите изображение миниатюры в папке "menu/image/Thumbnails/" . Оно установится в кнопке , заполняя по ширине на 100%. Предварительно вы должны поместить в эту папку изображения миниатюры.

"Style image:" - имя стиля слоя с изображением. Вы можете установить свой стиль изображения.

"Style image:" - имя стиля текстового слоя. Вы можете установить свой стиль текста.

"Style image:" - имя стиля слоя контейнера кнопки. Вы можете установить свой стиль.

add_pitline - создает кнопку с предустановленным дизайном контейнера кнопки и текста.

add_pithead - создает кнопку с предустановленным дизайном контейнера кнопки и текста. В отличии от первой выше ее и крупнее шрифт текста.

add_pitthumbnail - создает кнопку-миниатюру. Текст у кнопки расположен снизу и меняет фон при наведении курсора. По нажатию открывается список миниатюр панорам. Выберите из списка панораму, щелкнув по ней, иконка и название панорамы установятся в кнопку.

add_pitpicture - По умолчанию в кнопке установлено кадрирование изображения при наведении мыши "crop".
Например, используя "crop", butt2 по умолчанию будет показана нижняя половина картинки, при наведении на кнопку - верхняя половина.

Для назначения на кнопку каких либо действий, открытие группы кнопок, изменение дизайна кнопки, ее нужно активировать, нажав на нее!


add_pitadd group - активируйте кнопку, на которую нужно назначить открытие группы. Создайте группу нажав на "add group". Блок с кнопками сдвинется влево и появится чистое окно. Здесь вы можете создать кнопки текущей группы. На кнопки внутри группы так же можно назначить открытие групп. Таким образом можно сделать древовидную структуру меню со множеством вложений.

add_pitdelete button - удалить активную кнопку. Если есть вложенная группа, она удаляется тоже.



Назначение кнопкам предустановленных действий .

Активируйте кнопку и назначьте действие:
scene - Выберите из открывшегося списка сцену. Если кнопка "thumbnail", ей автоматически присвоится миниатюра сцены и текст подписи миниатюры, назначится открытие выбранной сцены. На другие кнопки назначится открытие выбранной сцены и подпись.

viewYes - выберите сцену, установите нужный вам вид и угол обзора. Кнопка меню будет открывать этот вид.

photo - Нажмите и выберите в открывшемся проводнике изображение. Оно должно быть размещено по пути "menu/image/". Кнопка будет открывать это изображение.

www - нажмите - появится строка для ввода адреса сайта, который откроется во фрейме при нажатии кнопки меню.
Внимание!!! Не все сайты позволяют открываться во фрейме! Используйте ссылки без спец. символов типа "&" , будет выдаваться ошибка!

youtube - нажмите - откроется строка для ввода кода youtube. Нужно вводить не всю ссылку на ролик УouTube. Пример: "https://www.youtube.com/watch?v=hUDioIQdDGs"
Вам нужно скопировать и вставить в строку только этот кусок - "hUDioIQdDGs"

sound - нажмите и выберите в открывшемся проводнике аудио файл. Он должен быть размещен по пути "menu/sound/". interf_panПоявится аудио панель.
Кнопка будет запускать аудиозвук.

Внимание!!! Вам нужно подключить плагин krpano soundinterface.

Пример.
YouTube


Save - сохраните файл saved_settings.xml в папку "menu" (с заменой старого saved_settings.xml).





Панель настройки дизайна.

Пример настройки дизайна меню.
YouTube

button1 Нажмите на кнопку "style", откроется окно для редактирования дизайна меню.
В верхней части находятся кнопки, которые выбирают элемент для редактирования.

Изменяемые параметры:
Контейнер:
  • Изменение толщины бордюра по отдельности или одновременно все 4 стороны (пиксели).
  • Изменение закругления углов по отдельности или одновременно все (пиксели).
  • Смещение тени по осям x и y (пиксели).
  • Размытие тени.
  • Изменение ширины (пиксели/%).
  • Изменение высоты (пиксели/%).
  • Смещение по оси x (пиксели).
  • Смещение по оси y (пиксели).
  • Расстояние между кнопками (пиксели).
  • Изменение цвета и прозрачности заливки.
  • Изменение цвета и прозрачности заливки при наведении курсора.
  • Изменение цвета и прозрачности бордюра.
  • Изменение цвета и прозрачности тени.
  • Выбор изображения логотипа из открывающегося проводника.
Текст:
  • Изменение отступа текста с 4 сторон (пиксели).
  • Смещение тени текста по осям x и y (пиксели)
  • Размытие тени текста.
  • Vcentr - расположение текста по центру по вертикали (true/false).
  • Изменение размера шрифта.
  • Изменение цвета текста.
  • Изменение цвета и прозрачности тени текста.
  • Возможность вставить параметры css.
  • Ввод текста логотипа.

Для изменения параметра нажмите на сответствующую кнопку и, не отпуская, перемещайте курсор влево или вправо. Можете ввести значение с клавиатуры в окно рядом с кнопкой.
В зависимости от выбранного элемента для редактирования ненужные инструменты в панели затемнены. По умолчанию активна кнопка "Menu contayner" (зеленого цвета).


menuCont menu contayner
Основной контейнер, в котором расположены все элементы меню.

contlogo
Контейнер логотипа, расположен в верхней части меню.
В нем находятся изображение логотипа и подпись логотипа.



logo logo
Нажмите на миниатюру логотипа, откроется окно проводника. Выберите изображение логотипа. Логотип должен находиться в папке с плагином menu/image.
Вы можете изменять высоту логотипа, смещать его по осям x и y внутри его контейнера.
Настройте текст логотипа. Во вкладке "Text" активны инструменты для редактирования текста.



titlH title head
Настройте заголовок меню и его текст.
Вы можете изменить название заголовка (стартовое). Учитывается включенный в данный момент язык. Переключитесь на другой язык и введите название на нем.



buttonM menu buttons
Редактирование кнопки:

Активируйте кнопку меню, нажав на нее (если кнопка открывает вложенную в нее группу (щелчок), то нажмите и не отпуская сдвиньте курсор в сторону и отпустите (нажатие). Тогда не будет перехода на группу). Сверху в редакторе выведется тип этой кнопки. Настройте параметры кнопки, изменения будут сразу видны на выбранной кнопке.





Группировка кнопок для редактирования.

buttonM

По умолчанию вы можете создать 4 вида кнопок. Каждый вид объединяется в одну группу.
При открытии панели редактирования дизайна на кнопках появятся индикаторы (точки) зеленого цвета.
aktiv - Индикатор в ромбике - кнопка активна для редактирования.
Напротив кнопок создания кнопок меню есть зеленые индикаторы. Они кликабельны и переключают - редактировать все кнопки данного вида одновременно или по раздельности.

aktiv - Зеленый индикатор на кнопке, изменения активной кнопки одновременно применяются ко всем кнопкам этой группы.
Изменения сохраняются и будут применены к вновь создаваемым кнопкам.

aktiv - Желтый индикатор на кнопке - все кнопки этой группы разгруппированы и редактируются по отдельности.

Когда вы заново включаете группировку, то изменение в активной кнопке конкретного параметра применяются ко всем кнопкам. Например: вы разгруппировали кнопки и установили на них разные цвета. Потом опять сгруппировали и начали менять толщину бордюра. Толщина бордюра будет изменяться у всех кнопок, но цвет у кнопок не изменится.

Щелчок по индикатору в кнопке переключает его состояние.
aktiv - Красный. Кнопка заблокирована полностью от редактирования в группе и редактируется индивидуально.

Пример.
YouTube




Настройки меню. XML.

menu_sett

В файл style_menu.xml в menu_sm/plugins/ вынесены основные настройки меню по умолчанию. Эти настройки будут применяться при создании нового проекта. Когда вы редактируете и изменяете параметры меню, сохраняете проект, то новые настройки прописываютя в файле saved_settings.xml и являются приоритетными при запуске. Что бы сделать новые настройки настройками по умолчанию, скопируйте их из файла saved_settings.xml и вставьте в style_menu.xml.

Файл style_menu.xml:

 <menu_sm  open_start="true"
	   open_start_mob="false"
	   click_hide="false"
	   mobile_click_hide="true"
	   menu_width="250"
	   menu_height="100%"
	   menu_x="0"
	   menu_y="0"
	   menu_bgcolor="0x0F373D"
	   menu_bgborder="0,0,0,0 0x689EB0 1.00"
	   menu_bgroundedge="0 0 0 0"
	   menu_bgshadow="2 2 3 0x000000 0.4"
	   menu_bgalpha="0.8"
	   menu_align="lefttop"
						
	   logo_cont_height="70"
	   logo_height="70"
	   logo_cont_color="0x55D9C1"
	   logo_cont_alpha="0.5"
	   logo_y="5"
	   logo_x="5"
	   logo="%CURRENTXML%/image/logotip.png"
	   logo_text="https://novosibpano.ru/Plugins"
	   logo_txtshadow="2 2 4 0x000000 0.6"
	   logo_css_text="font-family:Arial;  font-size:15px; color:#FFFFFF; 
			      text-align:center; margin-left:5px; margin-right:5px;"
	   logo_padding="0 131 10 8"
	   logo_click="openurl(https://novosibpano.ru/Plugins/"
			  
	   title_height="40"
	   title_width="100%"
	   title_bgcolor="0x2B6F7A"
	   title_bgalpha="1"
	   title_bgshadow="0 5 18 0x000000 0.60"
	   title_bgborder="2,0,0,0 0x5C8587 1.00"
	   title_text_1="Menu"
	   title_text_2="Меню"
	   title_text_3=""
	   title_text_4=""
	   title_css="font-family:Arial;  font-size:17px; color:#FFFFFF; 
			  text-align:center; margin-left:20px; margin-right:5px;"
	   title_padding="0 0 0 0"	  
	   title_onover_color="0x367F8A"
	   title_picture="menu/icon/butt2.jpg"
	   
	   group_indicator_height="20"	
	   
	   head_step_V="10"
	   head_width="90%"
	   head_height="50"
	   head_x="0"
	   head_bgcolor="0x2D707A"
	   head_bgalpha="1"
	   head_bgborder="1,1,1,1 0x777777 0.3"
	   head_bgroundedge="0 25 0 25"
	   head_bgshadow="2 2 4 0x000000 0.6"
	   head_padding="0 0 0 20"
	   head_line_css="font-family:Arial;font-size:17px; color:#FFFFFF;
			      margin-left:15px; margin-right:20px;"
	   head_onover_color="0x43B1C2"
	   head_onover_bgalpha="0.9"
						
	   line_step_V="7"
	   line_width="92%"   
	   line_height="37"
	   line_x="0"
	   line_bgcolor="0x2D707A"
	   line_bgalpha="1"
	   line_onover_color="0x43B1C2"
	   line_onover_bgalpha="0.9"
	   line_bgborder="1,0,1,0 0xFFFFFF 0.0"
	   line_bgroundedge="0 0 0 0"
	   line_bgshadow="2 2 4 0x000000 0.6"
	   line_text_bgshadow="2 2 4 0x000000 0.6"
	   line_padding="0 0 0 15"
	   line_css="font-family:Arial;  font-size:15px; color:#FFFFFF; 
			 margin-left:15px; margin-right:10px;"		
		
	   thumbnail_width="85%"
	   thumbnail_height="100"
	   thumbnail_x="0"
	   thumbnail_step_V="20"
	   thumbnail_bgcolor="0x0B5D66"
	   thumbnail_bgalpha="0.3"
	   thumbnail_onover_bgalpha="0.8"
	   thumbnail_onover_bgalpha="0.8"
	   thumbnail_onover_color="0x097D8A"
	   thumbnail_bgroundedge="0 0 0 0"
	   thumbnail_bgborder="1,1,1,1 0xFFFFFF 0.97"
	   thumbnail_bgshadow="6 8 8 0x000000 0.51"
	   thumbnail_text_bgshadow="2 2 3 0x1D1D1D 0.6"
	   thumbnail_padding="0 1 0 0"
	   thumbnail_css="font-family:Arial;  font-size:14px; color:#FFFFFF;
			      text-align:center; margin-left:5px; margin-right:5px;"
	   view_marker="true"
	  
	   
	   picture_url="%FIRSTXML%/menu/image/Picture/butt2.jpg"
	   picture_line="0"
	   picture_height="30"
	   picture_alpha="1"
	   picture_bgborder="0,0,0,0 0xFFFFFF 1"
	   picture_bgroundedge="2 2 2 2"
	   picture_bgshadow="2 2 3  0x1D1D1D 0.6"
	   picture_crop="0|80|273|80"
	   picture_onower="set(crop,0|0|273|80)"
	   picture_onout="set(crop,0|80|273|80)"
	   picture_padding="0 5 0 20"
	   picture_css="font-family:Verdana; font-style:italic; font-size:14px; color:#FFFFFF; text-align:center;"	   
						
	   icon_style_line="height:20px;vertical-align:middle; margin-right:10px;"
	   icon_style_head="height:25px;vertical-align:middle; margin-right:10px; "
						
	   bottom_height="40"
	   lang_1="EN"
	   lang_2="RU"
	   lang_3=""
	   lang_4=""
	   
	   loadscene_flags="MERGE"
	/>
	

Назначение:

Настройки контейнера меню.

open_start - (true/false) открыть меню при старте тура.

open_start_mob - (true/false) открыть меню при старте тура на мобильных устройствах.

click_hide - (true/false), спрятать меню при щелчке по кнопке.

mobile_click_hide - (true/false), спрятать меню при щелчке по кнопке на мобильных устройствах.

menu_width - (пикс.) ширина меню.

menu_height - (%) высота меню относительно высоты экрана меню.

menu_x - (пикс.) - отступ меню по оси x.

menu_y - (пикс.) - отступ меню по оси y.

menu_bgcolor - (0x0F373D) цвет заливки.

menu_bgborder - (0,0,0,0 0x689EB0 1.00) настойки бордюра.

menu_bgroundedge - (0 0 0 0) настойки радиуса углов.

menu_bgshadow - (2 2 3 0x000000 0.4) настойки тени.

menu_bgalpha - (0-1) прозрачность. фона меню.

menu_align - (lefttop, righttop) menu расположение меню слева или справа.

Дополнительные настройки контейнера меню вы можете изменить в файле "style_menu.xml" - стиль "row_container".

Установка логотипа и его подписи.
В верхней части меню создается контейнер, в котором размещается изображение логотипа.

logo_cont_height - (пикс.) высота контейнера под логотип.

logo_height - (пикс.) высота изображения логотипа.

logo_cont_color - (0x000000) цвет контейнера с логотипом.

logo_cont_alpha - (0-1) прозрачность контейнера с логотипом.

logo_y - (пикс.) отступ логотипа от верхнего края.

logo_x - (пикс.) отступ логотипа слева.

- (%CURRENTXML%/image/logotip.png) путь до изображения логотипа.

logo_text - текст под логотипом.

logo_txtshadow (2 2 4 0x000000 0.6) - тень текста.

logo_css_text - css. стиль текста под логотипом.

logo_padding (0 131 10 8) - отступ текста.

logo_click - действие щелчка по логотипу (открыть ссылку, фотографию и т.д.).


Контейнер - заголовок меню со стрелкой возврата.
При открытии группы во главе списка устанавливается ее название.

title_height - (пикс.) высота контейнера под выводимый текст групп.

title_width - (пикс./%) ширина контейнера под выводимый текст групп.

title_bgcolor - (0x0F373D) цвет заливки контейнера.

title_bgalpha - (0-1) прозрачность заливки контейнера.

title_bgalpha - (0 5 18 0x000000 0.60) тень контейнера.

title_bgborder - (2,0,0,0 0x5C8587 1.00) бордюр контейнера.

title_bgroundedge - (0 0 0 0) закругление углов.

title_text_1 - текст на основном языке.

title_text_2 - текст на дополнительном языке (возможно переключение языков).

title_text_3 - текст на дополнительном третьем языке.

title_text_4 - текст на дополнительном четвертом языке.

title_text_bgshadow - (2 2 3 0x000000 0.4) тень текста.

title_css - (css) стиль текста.

title_padding - отступ текста.

title_onover_color - (0x0F379D) цвет заливки контейнера при наведении мыши.

title_picture - (%CURRENTXML%/image/test.png) путь до изображения кнопки. Если не заполнен, то используется заливка контейнера. Дополнительные настройки контейнера с названием вы можете изменить в файле "style_menu.xml" - style "cont_title".

group_indicator_height - высота контейнера под индикаторы групп .

Кнопка "заголовок" (открывает вложенную в нее группу).
Справа на кнопке появляется стрелка открытия списка группы. Группа обязательно должна иметь вложения!

head_step_v - (pix.) высота контейнера под выводимый текст групп.

head_width - (пикс. проценты) ширина кнопки относительно ширины меню. Кнопка позиционируется по центру.

head_height - (пикс.) высота кнопки.

head_x - (пикс.) отступ по оси x.

head_bgcolor - (0x0F373D) цвет заливки кнопки.

head_bgalpha - (0-1) прозрачность кнопки.

head_bgborder - (1,1,1,1 0x777777 0.3) настройки бордюра - толщина, цвет, прозрачность.

head_bgroundedge - (0 25 0 25) закругления углов кнопки.

head_bgshadow - - (2 2 4 0x000000 0.6) Параметры тени. отступ по оси x,y, блюр, цвет, прозрачность.

head_text_bgshadow - (2 2 4 0x000000 0.6) тень текста

head_padding - (0 0 0 20) отступ текста

head_line_css - (css) стиль текста кнопки.

head_onover_color - (0x43B1C2) цвет кнопки при наведении мыши.

head_onover_bgalpha - (0-1) прозрачность при наведении курсора.

Дополнительные настройки контейнера "заголовок" вы можете изменить в файле "style_menu.xml" - стиль "header_container", стиль текста - "txt_head" и стиль маркера - "ic_next"

Кнопка "строка"
При наличии заполненного атрибута "click" кнопка запускает прописанное в нем действие.

line_step_v - (пикс.) шаг между кнопками.

line_width - (пикс. проценты) ширина кнопки относительно ширины меню. Кнопка позиционируется по центру.

line_height - (пикс.) высота кнопки.

line_x - (пикс.) отступ по оси х.

line_bgcolor - (0x0F373D) цвет заливки кнопки.

line_bgalpha - прозрачность кнопки (0-1).

line_onover_color - (0x43B1C2) цвет кнопки при наведении мыши.

line_onover_bgalpha - (0-1) прозрачность кнопки при наведении мыши.

line_bgborder - (1,1,1,1 0x777777 0.3) настройки бордюра - толщина, цвет, прозрачность.

line_bgroundedge - (0 25 0 25) закругления углов кнопки.

line_bgshadow - Параметры тени.(2 2 4 0x000000 0.6) отступ по осям x, y, блюр, цвет, прозрачность.

line_text_bgshadow - (2 2 4 0x000000 0.6)тень текста.

line_padding - отступ текста.

line_css - (css) стиль текста кнопки.


Дополнительные настройки контейнера "строка" вы можете изменить в файле "style_menu.xml" - style "row_container" and text style - "txt_line".

"Бар миниатюр"

Создается кнопка в виде миниатюры изображения с текстом в нижней части миниатюры.

8

thumbnail_width- (пикс. проценты) ширина миниатюры относительно ширины меню. Кнопка позиционируется по центру.

thumbnail_height - (пикс.) высота миниатюры.

thumbnail_x - (пикс.) отступ по оси х.

thumbnail_step_v - (пикс.) шаг между миниатюрами.

thumbnail_bgcolor - (0x0B5D66) цве фона под текстом.

thumbnail_bgalpha - (0-1) прозрачность фона под текстом.

thumbnail_onover_color - (0x0B5D66) цвет фона под текстом при наведении курсора.

thumbnail_onover_bgalpha - (0-1) прозрачность фона под текстом при наведении курсора.

thumbnail_bgroundedge - (0 25 0 25) закругления углов миниатюры.

thumbnail_bgborder - (1,1,1,1 0x777777 0.3) настройки бордюра - толщина, цвет, прозрачность.

thumbnail_bgshadow - тень кнопки.

thumbnail_text_bgshadow - тень текста.

thumbnail_padding - отступ текста.

thumbnail_css - (css) стиль текста подписи миниатюры.

Дополнительные настройки контейнера "Бар миниатюр" вы можете изменить в файле"style_menu.xml" - стиль"container_thumbnails" слоя изображения - стиль"menu_thumbnail" и стиль текста миниатюры - "txt_menu_thumbnail"

view_marker - (true/false) установить маркер на миниатюру просмотренной панорамы.

picture_url - путь до изображения кнопки. Если не заполнен, то используется заливка контейнера.

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

picture_height - (пикс.) высота кнопки.

picture_bgborder - бордюр кнопки.

picture_bgroundedge - закругления углов кнопки.

picture_bgshadow - тень кнопки.

picture_bgshadow - тень кнопки.

picture_crop - (0|80|273|800) кадрирование изображения (необязательно).

picture_onower - действие при наведении мыши на кнопку. Пример: set (crop,0|0|273|80).

picture_onout - действие при отведении мыши с кнопки. Пример: set (crop, 0|80|273|80).

picture_padding - отступ текста.

picture_css - стиль текста.

picture_css - стиль текста.

Дополнительные настройки контейнера кнопки с изображением вы можете изменить в файле "style_menu.xml" - стиль "container_picture"

Если установлены иконки в кнопках, к ним применяются эти параметры.

icon_style_line - (css) стиль иконки в кнопке выполняющей действия, например: height:20px; vertical-align:middle; margin-right:10px;.

icon_style_head - (css) стиль иконки в кнопке открывающей группу.

Нижний контейнер с кнопкой переключения языка. Кнопка появляется автоматически, если есть заполненный атрибут "lang_2".

bottom_height - (пикс) высота контейнера снизу меню под кнопку смены языка.

lang_1 - язык title_1 (необязательно).

lang_2 - язык title_2 (необязательно).

lang_3 - язык title_3 (необязательно). Если есть третий язык, то кнопка переключения языка переключает все языки последовательно.

lang_4 - язык title_4 (необязательно). Если есть четвертый язык, то кнопка переключения языка переключает все языки последовательно.

loadscene_flags - флаг загрузки сцены.



Настройки плагина просмотра изображений.

Настройки находятся в файле menu/plugins/layer_menu.xml .
Вы можете назначить на кнопку открытие фотографии

<settingsViewP 
	сloseClickBg="true"			
	сloseClickPhoto="true" 
	bgalpha="0.3"
	bgcolor="0x000000"
	bgborder="10 0xFFFFFF 1"
	bgshadow="7 7 20 0x000000 0.5"
	bgroundedge="5"
	textBgAlpha="0.3" 
	textBgcolor="0x000000" 
	css="font-family:Comic Sans MS, Comic Sans, cursive, Arial; 
	color:#FFFFFF; font-size:20px; text-align:center" 
	blur="30" 
	height_photo="80"
      />

Назначение атрибутов

closeClickBg - закрыть изображение при клике по фону (true/false).
closeClickPhoto - закрыть изображение при клике по изображению (true/false).
bgalpha - прозрачность фона (0-1).
bgcolor - цвет фона (0x000000).
bgborder - толщина, цвет, прозрачность бордюра(10 0xFFFFFF 1).
bgshadow - отступ тени по осям x, y, размытие, цвет, прозрачность тени (7 7 20 0x000000 0.5).
bgroundedge - закругление углов (5 5 5 5).
textBgAlpha - прозрачность фона под текстом подписи (5 5 5 5).
textBgcolor - цвет фона под текстом подписи (0x000000).
css - стиль текста подписи (font-family:Comic Sans MS, Comic Sans, cursive, Arial; color:#FFFFFF; font-size:20px; text-align:center).
blur - размытие фона в пикселях (0...).
Если у вас есть новая лицензия krpano, то вы можете использовать для размытия фона изображения плагин Blur.Убедитесь, что файл "pp_blur.js" находится в папке "plugins".
Раскомментируйте plugin id="pp_blur" в файле layer_menu.xml, чтобы задний фон за фреймом был размыт.
height_photo - высота изображения относительно высоты окна просмотра в % (0 - 100).




Действия:

Вы можете использовать эти действия для назначения их на кнопки меню или в любых других действиях.

  • lang_set (1); - укажите в скобках число от 1 до 3, чтобы включить соответствующий язык (title_1...title_3).
  • openFrame (iframe, https://krpano.com, 1200, 900, true); - открыть сайт (krpano.com) во фрейме, максимальная ширина - 1200px, максимальная высота - 900px, включена прокрутка (true). Источник
    Внимание! Не все сайты позволяют открываться во фрейме!
  • openYout (hUDioIQdDGs); - открыть Youtub во фрейме. Нужно вводить не всю ссылку на ролик Youtube. Пример: "https://www.youtube.com/watch?v=hUDioIQdDGs"
    Вам нужно скопировать и вставить в скобки только этот кусок - "hUDioIQdDGs"

Если у вас есть новая лицензия krpano, подключите plugin name="pp_blur" , что-бы задний фон за открываемыми фреймом и фотографией был размыт.

  • shou_m(); - открыть меню.
  • hide_m(); - закрыть меню.


Скачать DEMO тур.

Скачайте демо-тур, в нем находится плагин меню. Вы можете подключить его в своем туре и потестировать, для этого используйте файл "list_menu.xml" из папки "new project".
Демоверсия полностью рабочая и отличается от полной наличием надписи "Демо-версия меню".




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

Стоимость плагина составляет 49 евро. Для приобретения плагина напишите мне на почту novosibpano@ya.ru. Я отправлю архив для скачивания в течение 24 часов после оплаты.

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




Изменения

25.09.2021

Версия 2.00

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

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

Версия 1.23

  • Удалил подключение звука из layer_menu.xml если звуковой плагин прописан больше одного раза, то тур не запустится.
  • Сделал открытие меню(если выставлено) по завершению цикла создания меню.
  • Добавил функцию menu_sm.download_delay="2" - задается задержка создания кнопок меню при старте. При запуске тура одновременная загрузка панорамы и меню дает задержку загрузки тура(тормоза). Если сделать загрузку меню немного позже, то тур запускается быстрее и плавнее
  • Меню возможно открыть только после того, как все кнопки создадутся.
29.04.2021

Версия 1.22

  • Добавил настройку цвета и прозрачности контейнера с логотипом.
  • Добавил возможность установить четыре языка.
  • Поместил стрелки в папку menu/icon теперь можно устанавливать свои стрелки (раньше были общие с редактором).
  • Исправил ошибку параметра "padding".
  • Исправление мелких недочетов.
05.09.2020

Версия 1.21

  • Добавил выделение активной панорамы в меню в виде рамки. Параметры рамки настраиваются.
  • Исправлена работа маркера просмотренной панорамы, есть возможность его отключения.
  • Исправление мелких недочетов.
07.07.2020

Версия 1.2

  • Оптимизирован под Panotour.
  • Не сохранялся клик по логотипу - исправил.
  • In style_menu.xml закомментировал плагин блюра, чтобы не выдавало ошибки у тех, у кого его нет.
  • Добавил возможность третьего языка lang_3="国际" title_3="title_3" lang_set(3).
  • Добавил назначение открытия URL ссылки во фрейме.
  • Добавил открытие YouTube.
20.02.2020

Версия 1.1

  • Изменено подключение плагина.
  • Изменено расположение файлов в папке с плагином.
  • menu_x - отступ меню по оси x.
  • head_bgshadow - параметры тени "заголовка".
  • line_bgshadow - параметры тени "строки".
  • group_indicator_height - высота контейнера под индикаторы групп.
  • title_width - ширина кнопки в шапке.
  • click_hide - закрыть при щелчке по кнопке.
  • mobile_click_hide - закрыть при щелчке по кнопке на мобильных устройствах.
  • loadscene_flags - если не установлен. skin_settings.loadscene_flags (родной скин), то устанавливается этот флаг загрузки сцены.
  • Можно установить действие "click" на кнопку "заголовка".
  • Установка галочки просмотра при загрузке сцены на кнопку с изображением (миниатюра), если она соответствует этой сцене.


Примечание

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





Комментарии.