Меню с редактором v2.14
HTML5. krpano v1.20.11 - 1.21
Возможности
- Наличие интерфейса. Визуальный контроль над всеми изменениями - вы сразу видите результат!
- Работа в обычном интернет браузере.
- Гибкая насторойка общего дизайна меню (ширина, цвет, прозрачность, тень, бордюы и т.д.)
- Установка логотипа, открывающего сайт по клику.
- Создание кнопок (по умолчанию 4 варианта).
- Настройка дизайна как группы кнопок так и по отдельности.(ширина, высота, цвет, прозрачность, тень, бордюы, текст и т.д.)
- Присвоение иконки кнопкам.
- Возможность установить изображение в кнопку.
- Создание индивидуальной древовидной структуры меню. Назначайте на любую кнопку открытие группы кнопок, которые в свою очередь так же могут иметь группы.
- Назначение предустановленных действий на кнопки (открыть панораму, фото, выбранный вид, сайт, youtube). Также можно назначить любое действие на клик по кнопке, прописав соответствующий код.
- Ввод текста на четырех языках.
- Hастройки проекта и все кнопки (в виде слоев) сохраняются в файле xml.
- Возможность сохранить предварительные настройки дизайна для использования в последующих проектах.
- Предоставляется широкая возможность по редактированию кода слоев и стилей меню.
Подключение.
Для подключения меню с редактором поместите папку "menu" в корневую папку с туром.
Пропишите в основном xml:
<krpano> <include url="menu/plugins/menu_sm.xml" /> <include url="menu/plugins/edit_menu_sm.xml" /> . . </krpano>
По завершению работ отключите редактор удалив эту строку:
<include url="menu/plugins/edit_menu_sm.xml" />
- открыть панель редактора дизайна.
"Onclick:" - в эту строку выводится код, исполняющийся при щелчке по кнопке. Можно добавить свой или изменить этот код.
"Title 1:" - в эту строку выводится текст кнопки. Введите в строку свой текст кнопки (по умолчанию выводится имя слоя создаваемой кнопки).
"Title 2:, Title 3:" - введите текст на других языках, он будет переключаться при нажатии кнопки смены языка.
"Icon:" - Нажмите на "Icon:" - откроется окно проводника. Выберите иконку в папке "menu/image/icon/" . Она установится перед текстом в кнопке. В строке пропишется полный путь до иконки, Вы можете ввести свой путь. Предварительно вы должны поместить в эту папку иконки
"Image:" - Нажмите на "Image:" - откроется окно проводника. Выберите изображение миниатюры в папке "menu/image/Thumbnails/" . Оно установится в кнопке , заполняя по ширине на 100%. Предварительно вы должны поместить в эту папку изображения миниатюры.
"Style image:" - имя стиля слоя с изображением. Вы можете установить свой стиль изображения.
"Style text:" - имя стиля текстового слоя. Вы можете установить свой стиль текста.
"Style cont:" - имя стиля слоя контейнера кнопки. Вы можете установить свой стиль.
line - создает кнопку с предустановленным дизайном контейнера кнопки и текста.
head - создает кнопку с предустановленным дизайном контейнера кнопки и текста. В отличии от первой выше ее и крупнее шрифт текста.
thumbnail - создает кнопку-миниатюру. Текст у кнопки расположен снизу и меняет фон при наведении курсора. По нажатию открывается список миниатюр панорам. Выберите из списка панораму, щелкнув по ней, иконка и название панорамы установятся в кнопку.
picture - По умолчанию в кнопке установлено кадрирование изображения при наведении мыши "crop".
Например, используя "crop", по умолчанию будет показана нижняя половина картинки, при наведении на кнопку - верхняя половина.
Для назначения на кнопку каких либо действий, открытие группы кнопок, изменение дизайна кнопки, ее нужно активировать, нажав на нее!
add group - активируйте кнопку, на которую нужно назначить открытие группы. Создайте группу нажав на "add group". Блок с кнопками сдвинется влево и появится чистое окно. Здесь вы можете создать кнопки текущей группы. На кнопки внутри группы так же можно назначить открытие групп. Таким образом можно сделать древовидную структуру меню со множеством вложений.
- Заблокируйте действия кнопок. Если вы редактируете кнопки, то это облегчит процесс активации кнопки для редактирования.
delete button - удалить активную кнопку. Если есть вложенная группа, она удаляется тоже.
- Переместить кнопку на одну позицию вверх/вниз. Индикатор показывает номер позиции активной кнопки.
- Если кнопки перекрывают друг на друга, то можно установить порядок перекрытия. Индикатор показывает номер слоя видимости активной кнопки.
Пример.
YouTube
Назначение кнопкам предустановленных действий .
Активируйте кнопку и назначьте действие:
-
Выберите из открывшегося списка сцену. Если кнопка "thumbnail", ей автоматически присвоится
миниатюра сцены и текст подписи миниатюры, назначится открытие выбранной сцены. На другие кнопки
назначится открытие выбранной сцены и подпись.
-
выберите сцену, установите нужный вам вид и угол обзора. Кнопка меню будет открывать этот вид.
-
Нажмите и выберите в открывшемся проводнике изображение. Оно должно быть размещено по пути
"menu/image/". Кнопка будет открывать это изображение.
- нажмите -
появится строка для ввода адреса сайта, который откроется во фрейме при нажатии
кнопки меню.
Внимание!!! Не все сайты позволяют открываться во
фрейме! Используйте ссылки без спец. символов типа "&" , будет выдаваться ошибка!
-
нажмите - откроется строка для ввода кода youtube. Нужно вводить не всю ссылку на ролик УouTube.
Пример: "https://www.youtube.com/watch?v=hUDioIQdDGs"
Вам нужно скопировать и вставить в строку только этот кусок - "hUDioIQdDGs"
-
нажмите и выберите в открывшемся проводнике аудио файл. Он должен быть размещен по пути
"menu/sound/". Появится аудио панель.
Кнопка будет запускать аудиозвук.
Внимание!!! Вам нужно подключить плагин krpano soundinterface.
Пример.
YouTube
Save - сохраните файл saved_settings.xml в папку "menu" (с заменой
старого saved_settings.xml).
Панель настройки дизайна.
Пример настройки дизайна меню.YouTube
Нажмите на кнопку "style", откроется окно для редактирования дизайна меню.
В верхней части находятся кнопки, которые выбирают элемент для редактирования.
Изменяемые параметры:
Контейнер:
- Изменение толщины бордюра по отдельности или одновременно все 4 стороны (пиксели).
- Изменение закругления углов по отдельности или одновременно все (пиксели).
- Смещение тени по осям x и y (пиксели).
- Размытие тени.
- Изменение ширины (пиксели/%).
- Изменение высоты (пиксели/%).
- Смещение по оси x (пиксели).
- Смещение по оси y (пиксели).
- Расстояние между кнопками (пиксели).
- Изменение цвета и прозрачности заливки.
- Изменение цвета и прозрачности заливки при наведении курсора.
- Изменение цвета и прозрачности бордюра.
- Изменение цвета и прозрачности тени.
- Выбор изображения логотипа из открывающегося проводника.
- Изменение отступа текста с 4 сторон (пиксели).
- Смещение тени текста по осям x и y (пиксели)
- Размытие тени текста.
- Vcentr - расположение текста по центру по вертикали (true/false).
- Изменение размера шрифта.
- Изменение цвета текста.
- Изменение цвета и прозрачности тени текста.
- Возможность вставить параметры css.
- Ввод текста логотипа.
Для изменения параметра нажмите на сответствующую кнопку и, не отпуская, перемещайте курсор влево или
вправо.
Можете ввести значение с клавиатуры в окно рядом с кнопкой.
В зависимости от выбранного элемента для редактирования ненужные инструменты в панели затемнены.
По умолчанию активна кнопка "Menu contayner" (зеленого цвета).
menu contayner
Основной контейнер, в котором расположены все элементы меню.
contayner logo
Контейнер логотипа, расположен в верхней части меню.
В нем находятся изображение логотипа и подпись логотипа.
logo
Нажмите на миниатюру логотипа, откроется окно проводника. Выберите изображение логотипа.
Логотип должен находиться в папке с плагином menu/image.
Вы можете изменять высоту логотипа, смещать его по осям x и y внутри его контейнера.
Настройте текст логотипа. Во вкладке "Text" активны инструменты для редактирования текста.
title head
Настройте заголовок меню и его текст.
Вы можете изменить название заголовка (стартовое). Учитывается включенный в данный момент язык.
Переключитесь на другой язык и введите название на нем.
menu buttons
Редактирование кнопки:
Активируйте кнопку меню, нажав на нее (если кнопка открывает вложенную в нее группу (щелчок), то нажмите и не отпуская сдвиньте курсор в сторону и отпустите (нажатие). Тогда не будет перехода на группу). Сверху в редакторе выведется тип этой кнопки. Настройте параметры кнопки, изменения будут сразу видны на выбранной кнопке.
Группировка кнопок для редактирования.
По умолчанию вы можете создать 4 вида кнопок. Каждый вид объединяется в одну группу.
При открытии панели редактирования дизайна на кнопках появятся индикаторы (точки) зеленого цвета.
-
Индикатор в ромбике - кнопка активна для редактирования.
Напротив кнопок создания кнопок меню есть зеленые индикаторы. Они кликабельны и переключают -
редактировать все кнопки данного вида одновременно или по раздельности.
-
Зеленый индикатор на кнопке, изменения активной кнопки одновременно применяются ко всем кнопкам этой
группы.
Изменения сохраняются и будут применены к вновь создаваемым кнопкам.
-
Желтый индикатор на кнопке - все кнопки этой группы разгруппированы и редактируются по
отдельности.
Когда вы заново включаете группировку, то изменение в активной кнопке конкретного параметра
применяются ко всем кнопкам.
Например: вы разгруппировали кнопки и установили на них разные цвета. Потом опять сгруппировали и
начали менять толщину бордюра. Толщина бордюра будет изменяться у всех кнопок, но цвет у кнопок не
изменится.
Щелчок по индикатору в кнопке переключает его состояние.
-
Красный. Кнопка заблокирована полностью от редактирования в группе и редактируется индивидуально.
YouTube
Настройки меню. XML.
В файл 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" backup="false"
Назначение:
Настройки контейнера меню.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 - (пикс.) отступ логотипа слева.
logo - (%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".
"Бар миниатюр"
Создается кнопка в виде миниатюры изображения с текстом в нижней части миниатюры.
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 - флаг загрузки сцены.
backup - (true/false) Если установлено "true", то при сохранении проекта будет сначала выводиться имя для сохранения резервного файла в формате "saved_settings.xml - backup-2021.11.09-20.51.42.xml" и следом "saved_settings.xml"
Настройки плагина просмотра изображений.
Настройки находятся в файле 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 USD. Для приобретения плагина напишите мне на почту novosibpano@ya.ru. Я отправлю архив для скачивания в течение 24 часов после оплаты.
Также вы можете воспользоваться формой обратной связи (значок в левом нижнем углу сайта), либо оставить информацию в разделе "Комментарий".
Изменения
Версия 2.14
- Из за больших изменений в krpano v1.21 предыдущая версия меню не работает с krpano v1.21. В основном эта версия - адаптация под krpano v1.21.
- Изменено подключение плагина
- Исправление мелких недочетов.
Версия 2.12
- При удалении кнопки и повторном создании нельзя было в ней создать группу .
- При удалении кнопок, повторное создание кнопки иногда вызывало ошибку позиционирования.
Версия 2.11
- Заблокируйте действия кнопок. Если вы редактируете кнопки, то это облегчит процесс активации кнопки для редактирования.
- В Panotour не устанавливались иконки на кнопки - исправлено.
Версия 2.1
- Изменение положения кнопки (выше или ниже).
- Изменение видимости кнопок(вперед/назад).
- Возможность сохранения резервной копии файла saved_settings.xml .
- Добавилось изменение ширины заголовка меню.
Версия 2.0
В этой версии кардинально изменен исполняющий код и плагин сохраняет уже созданные слои кнопок меню, а не их описание, по которому раньше кнопки создавались динамически.
- Редактор сразу создает кнопки меню.
- Возможность редактирования группы кнопок.
- При редактировании изменения сразу применяются ко всем кнопкам и вы визуально контролируете процесс.
- Сохранение кнопок в виде слоев дает широкую возможность по редактированию кода кнопок.
- Возможность задать задержку на загрузку меню, что может положительно сказаться на скорость запуска тура.
- Добавлено изменение ширины верхней кнопки (шапки).
- Добавлено изменение прозрачности кнопки при наведении мыши.
- Добавлен в панели ввод названия кнопки на 3-м языке.
- Все кнопки могут иметь вложения.
- Добавлена аудио панель с отображением слайдера и времени, громкости звука.
Версия 1.23
- Удалил подключение звука из layer_menu.xml если звуковой плагин прописан больше одного раза, то тур не запустится.
- Сделал открытие меню(если выставлено) по завершению цикла создания меню.
- Добавил функцию menu_sm.download_delay="2" - задается задержка создания кнопок меню при старте. При запуске тура одновременная загрузка панорамы и меню дает задержку загрузки тура(тормоза). Если сделать загрузку меню немного позже, то тур запускается быстрее и плавнее
- Меню возможно открыть только после того, как все кнопки создадутся.
Версия 1.22
- Добавил настройку цвета и прозрачности контейнера с логотипом.
- Добавил возможность установить четыре языка.
- Поместил стрелки в папку menu/icon теперь можно устанавливать свои стрелки (раньше были общие с редактором).
- Исправил ошибку параметра "padding".
- Исправление мелких недочетов.
Версия 1.21
- Добавил выделение активной панорамы в меню в виде рамки. Параметры рамки настраиваются.
- Исправлена работа маркера просмотренной панорамы, есть возможность его отключения.
- Исправление мелких недочетов.
Версия 1.2
- Оптимизирован под Panotour.
- Не сохранялся клик по логотипу - исправил.
- In style_menu.xml закомментировал плагин блюра, чтобы не выдавало ошибки у тех, у кого его нет.
- Добавил возможность третьего языка lang_3="国际" title_3="title_3" lang_set(3).
- Добавил назначение открытия URL ссылки во фрейме.
- Добавил открытие YouTube.
Версия 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" на кнопку "заголовка".
- Установка галочки просмотра при загрузке сцены на кнопку с изображением (миниатюра), если она соответствует этой сцене.
Версия 1.0
Примечание
Плагин предоставляется «как есть» без каких-либо гарантий, явных или подразумеваемых, включая любую гарантию качества, товарности или пригодности для определенной цели. Ни в коем случае автор плагина не несет ответственности за потерю данных, стоимость закупки замещающих товаров или услуг или любых особых, косвенных или случайных убытков по любой причине и независимо от того, был или не был автор плагина уведомлен о возможности такого ущерба. Это ограничение будет применяться независимо от любого отказа основной цели любого ограниченного средства правовой защиты, предусмотренного в настоящем документе. В любом случае автор плагина не будет нести ответственности, вытекающей из этого соглашения.