Пример
Это расширение - простой просмотрщик панорамы, который позволяет вам играть еще немного с JQuery путем добавления интерактивности преобразования.
Подключаем JQuery плагины, настраиваем стили сss,
прописываем пути к вашим картинкам.
В <head> вашей страницы, добавить:
Code
<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.panorama.js"></script>
затем в тело вашей странице, просто добавить класс 'на панорамных изображений, например:
Code
<img src="img/atelier.jpg" class="panorama" width="2642" height="375" />
Вы можете легко настроить цвет и стиль под ваш сайт, изменив jquery.panorama.css
Опции:
Code
<script type="text/javascript">
$(document).ready(function(){
$("img.mypanorama").panorama({
viewport_width: 500,
speed: 30000,
direction: 'right',
control_display: 'yes'
});
});
</script>
viewport_width: определить ширину окна отображения (по умолчанию: 600)
Speed: Вы можете управлять скоростью вращения. (По умолчанию: 20000)
'left' ou 'right' Направление: направление вращения, "левый" или "правые" (по умолчанию: "левый")
control_display: всегда отображать на панели управления, возможные значения: "Авто" или "да" (по умолчанию: "Авто")
start_position: Стартовая позиция "Панорама". Например 1000 corrspond к 1000px X = (по умолчанию: 0)
auto_start: Запуск автоматической прокрутки: true или false (по умолчанию: TRUE)
mode_360: Комплектующие фотография? true или false (по умолчанию: TRUE)
Источник: http://net-life.3dn.ru/blog/jquery_virtualnyj_tur/2009-10-16-29
