jQuery плагин для просмотра панорамных изображений

20 августа 2013  3610 

 

Небольшой и легко настраиваемый плагин jQuery Simple panorama viewer для просмотра панорамных изображений.

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

Подключаем стили и плагин.

<script type="text/javascript" src="/js/jquery.panorama.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jquery.panorama.css" />

Подключаем библиотеку jQuery (например, версия 1.8.2).

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Вставляем код в нужное место на странице. Указание ширины и высоты обязательно — размеры зависят от изображения. Обратите внимание, изображению присваивается class="panorama".

<img src="/img/photo_panorama.jpg" class="panorama" width="2560" height="444" alt="панорамное фото" />

 

Список параметров плагина (настраиваются в файле jquery.panorama.js):

  • viewport_width: ширина окна просмотра;
  • speed: скорость вращения;
  • direction: сторона прокрутки при загрузке страницы, right или left;
  • control_display: всегда отображать панель управления, возможные значения: auto или yes;
  • auto_start: автоматическая прокрутка при загрузке страницы, true или false;
  • mode_360: продолжение просмотра при окончании панорамы true или false;

Скачать исходники примера (zip)

Источник:
http://www.openstudio.fr/Un-viewer-de-panoramas-simple-en.html?lang=en

 

  Другие замётки в тему

Комментарии для сайта Cackle
наверх