ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


jQuery simple panorama viewer. Скрипт авто панорамы

Пост №   23  от 26 апреля 2013   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

autopanoВы заядлый путешественник? Любите фотографировать и выкладывать в Интернет свои «шедевры»? А делали Вы панорамные снимки города? Нет? Тогда советую срочно восполнить пробел в этой области творчества — весьма увлекательное занятие!

Тем более, что сервисов, дающих возможность из Ваших снимков сделать отличное, «живое» панорамное фото — тьма! С некоторыми из них я и познакомлю Вас в этом посте и, в добавок, покажу, как самому сделать и опубликовать в своем блоге такую панораму на основе скрипта jQuery simple panorama viewer


И так, для начала посмотрим онлайн генераторы панорам. Первым попавшимся мне был ресурс, с помощью которого Вы сможете легко и быстро «сварганить» свою панораму, это dermandar.com. Там все предельно просто и ясно:

  • Первое, что необходимо сделать, это иметь в наличии (на компе) изображение с шириной не менее 5000px. Это самый минимум для полноценного восприятия круговой панорамы. Если нет своего, можно (для начала) «пошукать» в Интернет’е или посмотреть примеры Колизей Великая Китайская Стена, Тадж Махал и, конечно же Machu Picchu!
  • Второе: Заходим на сайт и жмем кнопку «Create You Panorama»
  • На этой странице выбираем тип панорамы (в зависимости от Вашего фото): 360 View или Wide Angle. Жмем!
  • Далее: в выскочившем окне выбираем фото на компе, загружаем — жмем «Upload» и заполняем форму заполняем форму будущей панорамы и жмем «Update«
  • В появившемся окошке проверяем все, заполненные ранее стороки и, если что то не так — возвращаемся и начинаем все сначала. Если все правильно — жмем на «Confirm» и видим такое
  • Переносимся на страницу с галереей панорам. Там кликаем (вверху-справа) на свой аккуант, выбираем в меню «My Panoramas«, кликаем и заходим на свою страницу с готовой превьюшкой панорамы. Кликаем по ней и… смотрим!

Внизу, под окном просмотра панорамы, есть кнопка «Embed«. Здесь можно настроить параметры вывода кода для публикации панорамы в блоге!
Для экономии места на странице, картинке можно задать любые размеры в окне, выбрав «Preset/Custom:» >> «Custom Width&Height«.

Поэкспериментируйте с различными вариантами вывода панорамы, подобрав для себя оптимальный вариант и все будет O’k! Это один из простых, «онлайновских» и «долгих» путей… Есть вариант короче, но с применением некоторых знаний в HTML. О нем коротко — ниже.

Для реализации в блоге панорамы на jQuery simple panorama viewer, о чем, собственно этот пост, Вам потребуется:

  • Картинка, как уже было сказано выше, шириной не менее 5000px., которую нужно забросить в папку с остальными скриптами и файлом стилей.
  • В HTML документе пропишем между head и /head следующее:
  • А в необходимом месте вывода панорамы вставим такую строку:

Как видите, ничего сложного! Картинка может работать ссылкой на любой объект. Управление осуществляется наведением курсора на картинку и стрелками вправо-влево, с возможностью остановки показа. Посмотреть рабочий вариант панорамы и скачать исходник можно — ниже.

DOWNLOAD

Источник: http://tinyurl.com/5xxos7

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: WEB мастеруWP PluginsКак сделать?
Обновление статьи: 04.06.2017
Просмотров:   5491
Короткая ссылка: http://tinyurl.com/cvldwcm

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 189
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 82
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 1234
567891011
12131415161718
19202122232425
2627282930  
Aliexpress INT

MasterPRO в Twitter’e

I just uploaded “Сауна в квартире -это реально!” to #Vimeo: vimeo.com/221782129

Last week from Master PRO's Twitter via Vimeo · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое