В этой небольшой статье я расскажу как сделать 3д панораму и разместить ее на сайте на примере стоматологической клиники.

Первое что нам понадобится панорамное фото. Панорамная фотография – это фотография, склеенная из нескольких кадров, склейку можно сделать через автоматическую функцию в   Photoshop  или Adobe Lightroom , либо  в любой другой программе.

 

 Должно получиться так:

 

Чтобы удобно просматривать широкоформатные изображения на сайте, потребуется

плагин для просмотра панорам

Самый популярный с множеством расширений и возможностей Krpano плагин, но отдавать 130 EUR за лицензию в данном случаии мне показалось нецелесообразным, поэтому решил поискать что нибудь по лучше.

Marzipano, - Простои и функциональный плагин , который в пару кликов поможет сделать виртуальный тур на сайте.

Для этого заходим в Marzipano Tool и загружаем панорамное фото, а также настраиваем дополнительные параметры:  кнопки навигации , место начала отображения виртуального тура и тд. После чего делаем экспорт и сохраняем архив.

как сделать виртуального тур на сайте

на хостинге где у вас находиться сайт, создаем папку pano и переносим туда файлы из архива. (переупаковываем экспортированный архив, так чтобы index.htm был в корне папки а не в app-files и распаковываем на сервере)

После чего  на сайте в том месте, где должна быть панорама прописываем следующий код

<iframe onload="iFrameHeight()" id="blockrandom" name=""src="http://site.ru/pano/index.html" width="100%" height="450" scrolling="auto" frame border="1" class="wrapper" > </iframe>

В ссылке "src="http://site.ru/pano/index.html" указываем адрес вашего сайта.

Параметр height устанавливает высоту блока.

Готово!

Отправить заявку

Портфолио

Все Корпоративные сайты Айдентика

Завод «Промавтоматика»

«Завод «Промавтоматика» - активно развивающаяся компания, специализирующаяся на поставках продукции собственного производства. Цели создания сайта: - создание удобного многоуровнегового каталога - предоставление возможности получения сообщений и заявок с сайта

В ходе разработки, основной упор был сделан на удобство использования каталога, от захода на титульную страницу, заканчивая оформлением заказа  

 

сайт: promavt.com

 

ГРАФФИТИ ИНТЕРНЕТ МАГАЗИН

Разработка интернет магазина для компании занимается продажей художественной краски для граффити и стрит-арта от ведущих мировых производителей. 

  • Создание сайта
  • Техническая поддержка
  • продвижение

 

сайт: www.graffiti-shop.ru

 

Уральская ассоциация туризма

Разработка сайта для Уральская ассоциация туризма, В УАТ  входит более 60-ти участников.  В составе Ассоциации находятся крупнейшие туроператоры, туристические агентские сети, авиакомпании,гостиницы и санатории.

 

сайт:www.uat1996.ru

Стоматологическая клиника Гелиос

Создание сайта для стоматологической клиники. адаптивная верстка интеграция с рекомендательным сервисом Flamp и многое другое...

 

сайт: gelios-mk.ru

 

Кейтеринговая служба Обед 66

Создание сайта для  крупнейшей кейтеринговой компании. выездное ресторанное обслуживание, проведение праздничных мероприятий: банкетов, фуршетов...

 

сайт: www.catering4you.ru

 

Юридическая компания константа

Разработка логотипа для юридической компании.

 

Завод «Промавтоматика»

Завод «Промавтоматика»

Интернет магазин Graffiti shop

Интернет магазин Graffiti shop

Уральская ассоциация туризма

Уральская ассоциация туризма

Стоматологическая клиника Гелиос

Стоматологическая клиника Гелиос

Кейтеринговая служба Обед 66

Кейтеринговая служба Обед 66

Юридическая компания константа

Юридическая компания константа

Расскажите о своем проекте

Мы все продумаем и сделаем

Отправить заявку

 

О Компании

 
 

Red room – небольшая студия, занимающаяся разработкой веб-проектов.

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

Наша компания оказывает широкий комплекс услуг:

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

5 причин заказать разработку сайтов у нас:

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

Никита Кибанов

(руководитель проектов red room) тел.:+7 (343) 383-51-06,
e-mail: web@red-room.info

 

Нам доверяют: