Pano2VR - добавить на панораму логотип фотографа со ссылкой

[Valery]

Есть действие на нажатие ПКМ и там можно сделать пункт выпадающего меню, а можно наложить выше панорамы логотип png и добавить к нему ссылку - так более логично смотрится.

1. Edit Skin - добавляем логотип и назначаем ему расположение, вид курсора при наведении и указываем ссылку для клика и ее свойства (вкладка Actions) согласно плана:

Фото: Добавить на панораму логотип фотографа со ссылкой в Pano2VR

2. Путь к логотипу прописывается в файле скина skin.js так:

Код: Выделить всё

hs=basePath + 'images/image_1.png';

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

Код: Выделить всё

hs=basePath + '../../../script/pano2vr/logo-vodkomotornik-360.png';

[Valery]

Чтобы добавить логотипу title
1. Открыть skin.js и найти els.setAttribute('alt',':

Код: Выделить всё

els.setAttribute('alt','\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u0437\u0430\u043a\u0430\u0437\u0435 \u0441\u044a\u0435\u043c\u043a\u0438');

Дублировать содержимое изменив alt на title

2. В строке:

Код: Выделить всё

els.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:auto;;');

pointer-events:none; заменить на pointer-events:auto;
После этого появится всплывающая подсказка title.

[Valery]

В Pano2VR7 сделал иначе skin.js:

Код: Выделить всё

el.ggUpdateAria = function() {
		me._image_1.setAttribute('aria-label', player._('\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c 3D \u0442\u0443\u0440'));

Заменил на:

Код: Выделить всё

el.ggUpdateAria = function() {
	var label = player._('\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c 3D \u0442\u0443\u0440');
	me._image_1.setAttribute('aria-label', label);
	me._image_1.setAttribute('title', label);
	}

После чего на иконке появился всплывающий title