Horje
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:

1. First Download " 360deg-javascript-viewer.zip " Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " 360 Javascript Viewer " folder is added on left sidemenu. Now, Click on " 360 Javascript Viewer " folder.

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

8. Now you configure yourself oR Watch video tutorial below about  360 Javascript Viewer Configurtions and Settings or How to work " 360 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

turn , series , images , into , interactive , degree , view , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference