novosibpano@yandex.ru  

Редактор меню v1.0.


  • Редактор работает только совместно с плагином Меню
    HTML5.


  • Возможности.

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

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

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

    Пропишите в основном xml:
    <krpano>
       <include url="menu/plugins/menu_sm.xml" />
       <include url="menu/plugins/edit_menu_sm.xml" />
       <include url="menu/plugins/photo_sm.xml" />
        .
        .
    </krpano>

    Строка с подключением файла photo_sm.xml - это плагин открытия изображения. Подключите при необходимости.



    Создание структуры меню.

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

  • - Добавляет элемент меню.

  • Нажатие на элемент активирует его и он становится зеленого цвета.

  • - Удаление активного элемента.

  • - Нажмите для обновления меню, вы сразу увидите результат.
  • При наведении на элемент, справа на нем появляется стрелка, нажмите на нее и откроется пустое окно для созданя вложенных элементов.
    Если в элементе присутствует вложение, то стрелка на нем будет постоянно.

    Установка параметров кнопок.

    В верхней части панели находятся строки для ввода параметров(атрибутов) кнопок меню .
    Активируйте элемент, в строки выведутся значения установленных параметров. Введите в строку свое значение, нажмите "Enter", обновите меню.
    Миниатюру, иконку, картинку вы можете выбрать нажав на соответствующую подпись. Откроется проводник, выберите изображение , которое зараннее разместите по пути:

  • Icon: - menu/image/icon.
  • Thumbnails: - menu/image/Thumbnails.
  • Picture: - menu/image/Picture.

  • Назначение действий кнопкам.

    Активируйте элемент и назначьте действие:

  • - Выберите из открывшегося списка сцену. Кнопка станет "миниатюрой", ей автоматически присвоится атрибут "click". Атрибут "title_1" присвоится из подписи(title) сцены.

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

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

  • Обновляйте меню и смотрите на результат.

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





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

    Настройки находятся в файле style_menu.xml .

    <settingsViewP 
    	CloseClickBg="true"			
    	CloseClickPhoto="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". Добавьте в любом месте файла xml строку:
    <plugin name="blurPhot" keep="true" url="%VIEWER%/plugins/pp_blur.js" enabled="true" range="0.0" linearrgb="false" order="1" phase="2" />
  • height_photo - Высота изображения относительно высоты окна просмотра в % (0 - 100).



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

    Скачайте демо-тур, в нем находится плагин меню. Вы можете подключить его в своем туре и потестировать.
    Демоверсия полностью рабочая до 30.03.2020.




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

    "Редактор меню" работает только совместно с плагином ""Меню"!

    Приобрести плагин "Редактор меню" за 1400 руб.

    Приобрести плагины "Редактор меню" + "Меню" за 3400 руб.

    После получения оплаты в течение 24 часов я пришлю вам ссылку для загрузки примера с плагином.






    Примечание

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