Code

iPanorama 360° - jQuery Virtual Tour Builder

iPanorama 360° - jQuery Virtual Tour Builder

By
Cart 954 sales

iPanorama 360° Virtual Tour is a lightweight and rich-feature panorama viewer for the web. This plugin is built with modern libraries jQuery and Three.js to be used for part of backend solutions. Additionally, it has an awesome feature called virtual tour which allowed the user to navigate from one scene to another. Also, it supports hotspots for providing information about any part of the scene or for creating interactive tours. It uses their own tooltip system, you can enrich it with text, images, video and other online media. Use this plugin to create interactive tours, maps and presentations. The plugin can be deployed easily. It runs on all modern browsers and mobile devices like iOS, Android and Windows.

You can test functionality of the plugin builder here. This web application is included in the plugin package.

What Buyers Are Saying


The plugin works really well. Very easy to use and easy to embed in an html page. Great support. I highly recommend.
- ASBTLV

Great plugin with great assistance! With this plugin I was able to archive feature available only with expensive software and with full integration into my website! I absolutely recommend this plugin to everyone is interested into full immersive virtual tour. Furthermore the plugin is in continuous development and improvement! Waiting to seeing future developments I thank you the author for this wonderful plugin!
- scippy

Great tool
- waller99

Great documentation and good support!
- xemmex

Feature List

  • 3 Scene Types – cube, sphere and cylinder
  • HotSpots – allows you to mark different areas that you want to point out
  • Virtual Tour – travel from one to another scene by clicking on special hotspots
  • Tooltip System – the plugin has a build-in powerful tooltip system
  • Thumbnails – let people see a quick snapshot of your scene
  • Compass – you can be sure to look forward
  • Preview Image – you can set an image that will show as a preview
  • Fullscreen – you can toggle from the normal state to fullscreen and back
  • Mouse Wheel – zoom with mouse wheel scrolling
  • Keyboard – arrows can be used for navigation through the scene
  • Touch – touch was used for navigation tasks
  • Autoplay – the scene autorotate around a vertical axis
  • Config Export / Import – you can export and import a config file
  • Awesome Looks – 2 predefined themes
  • LESS Files – create your own theme
  • Powerful API – over 45 options
  • Help via Email
  • and so more..

Sources and Credits

Version 1.3.2  26/11/2018
====================================
- Fix: Black screen issue in Chrome with zooming
- Fix: Exit full screen mode in IE
- Fix: Fullscreen toggle 

Version 1.3.0  29/04/2018
====================================
- Feature: Save or not the camera lookat vector if you move between scenes 
- Feature: Top and bottom pitch limits for each scene 
- Feature: Left and right yaw limits for each scene 
- Fix: scene images background load 
- Fix: fullscreen on iOS 
- Improvement: Updated the builder

Version 1.2.8 18/05/2017
====================================
- Fix: Works better with touch events 
- Fix: Sometimes lost webgl context in FF 
- Fix: Bug with fullscreen on IE11

Version 1.2.7 06/05/2017
====================================
- Feature: Zoom by pinch gestures 
- Feature: The cube scene type can have one single texture or six separated 
- Feature: Top and bottom pitch limits 
- Feature: Specifying a custom onload callback javascript code 
- Feature: Enable/disable the prevention for default behavior on the mouseWheel event 
- Fix: Bug with fullscreen on iOS (leave only standard fullscreen API) 
- Fix: Bug with appearing hotspot images in the upper left corner
- Improvement: Updated the builder

Version 1.2.5 16/02/2017
====================================
- Feature: Setup sphere type scene quality (segments)
- Feature: Support scene background load
- Feature: Thumbnails can be dynamic or static
- Feature: New autorotate control
- Feature: Easy hotspot customization (image, url)
- Feature: New onSceneChange callback function
- Improvement: Updated the builder

Version 1.2.4 17/08/2016
====================================
- Feature: New theme - dark
- Feature: Thumbnails (vertical, horizontal)
- Feature: New popover placements (top-left, top-right, bottom-left, bottom-right)
- Feature: iOS toggle fullscreen support
- Feature: Next / prev scene controls
- Feature: You can use  selectors as source for title and popover content
- Feature: You can show a popover content when the scene's loaded
- Improvement: Updated the builder

Version 1.2.3 20/07/2016
====================================
- fixed a bug with the scene type 'cylinder', the image was distorted in some cases
- added the new method 'lookAt'
- updated the builder
- added export and import a config to a file

Version 1.2.2 11/06/2016
====================================
- added the parameter "popoverWidth" for the hotspot definition
- added the callback function "onCameraUpdate" 
- added the method "loadhotspots" 
- fixed a bug, incorrect position of the popover in some case
- modified calls 'throw Error' to 'console.error'

Version 1.2.1 29/06/2016
====================================
- fixed a bug, removed the call of focus() from init

Version 1.2.0 26/06/2016
====================================
- fixed a bug, multiple instances and fullscreen work correctly now
- changed the parameter "additionalClasses" to "className" for the hotspot definition
- added the parameter "content" for the hotspot definition
- added the parameter "zoom" for the scene definition

Version 1.1.1 25/05/2016
====================================
- added the callback function onHotSpotSetup
- updated the documentation

Version 1.1.0 02/05/2016
====================================
- build-in tooltip system with a css3 animation (over 100 classes available)
- theme support
- compass support 
- and more...

Version 1.0.0 25/02/2016
====================================
- first release
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey