Banner for 360deg Javascript Viewer
Turn a series of images into an interactive 360 degree view. Wordpress Tutorial
Noted That:
  • To install correctly this 360deg-javascript-viewer.zip .
  • Fisrt Download the 360deg-javascript-viewer.zip to your computer
  • Extract/Open 360deg-javascript-viewer.zip to Your Computer.
  • Then, Find readme.txt file inside 360deg-javascript-viewer.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " 360deg-javascript-viewer.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress 360deg Javascript Viewer

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install 360deg Javascript Viewer

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button 360deg Javascript Viewer

Step-5 : Now, Browse " 360deg-javascript-viewer.zip " Downloaded plugin from your computer, Where you downloaded " 360deg-javascript-viewer.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin 360deg Javascript Viewer

Step-6 : Now, Click on " Active Plugin "

Activate 360deg Javascript Viewer

Step-7 : Then, See left Side Menu. " 360deg Javascript Viewer " folder is added on left Side Menu. Now, Click on " 360deg Javascript Viewer " folder.

Noted that: If you do not see " 360deg Javascript Viewer " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about 360deg Javascript Viewer Configurations and Settings or How to work " 360deg Javascript Viewer " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " 360 Javascript Viewer " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is 360 Javascript Viewer
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the plugin files to the your_wordpress_plugins_dir/360deg-javascript-viewer directory, or Install as a regular WordPress plugin
  2. Go your Plugins page in the WordPress Dashboard and activate it

Shortcode parameters

Generate the shortcodes online


example: [360-jsv total-frames=72 speed=90 inertia=30 max-width=200] // will take the default image
example: [360-jsv main-image-url=your/image.jpg total-frames=16 speed=90 inertia=30 image-url-format=your/image_xx.jpg]
  • main-image-url is the url to the main image, that is the base for all the other frames
  • total-frames is the total number of frames in the presentation
  • speed is the speed of rotating
  • inertia is the delay when the user stops dragging
  • reverse inverts the rotation direction when dragging
  • image-url-format give a format for the next frames
  • auto-rotate use this setting for rotating the view at start. Rotation stops when user drags the model or another animation method is called. 0 is no rotation and 10 is 10 rotations at start
  • auto-rotate-speed use this setting for changing the speed of the auto rotating
  • auto-rotate-reverse use this setting for changing the direction of the auto rotating
  • stop-at-edges blocks repeating images after reaching last image
  • max-width sets the max-width of the presentation in px
  • float use left or right to align the presentation
  • margin-left set the left margin
  • margin-right set the right margin
  • margin-top set the top margin
  • margin-bottom set the bottom margin

Name