{"id":50677,"date":"2016-09-03T05:42:27","date_gmt":"2016-09-03T05:42:27","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/spin360\/"},"modified":"2022-07-13T21:37:46","modified_gmt":"2022-07-13T21:37:46","slug":"spin360","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/spin360\/","author":15110510,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2.7","stable_tag":"trunk","tested":"6.0.12","requires":"4.0.1","requires_php":"","requires_plugins":"","header_name":"Spin360","header_author":"Maurice","header_description":"","assets_banners_color":"d6d6d6","last_updated":"2022-07-13 21:37:46","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/easyw.github.io\/spin360\/","header_author_uri":"https:\/\/github.com\/easyw\/spin360","rating":4.3,"author_block_rating":0,"active_installs":700,"downloads":25458,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.2.7":"<ul>\n<li>removed zoom by default<\/li>\n<li>buttons color on shortcode<\/li>\n<li>autostart option added<\/li>\n<li>png and transparency supported<\/li>\n<li>CDN full url support<\/li>\n<li>multisite support<\/li>\n<li>hide_cmds option to hide command buttons<\/li>\n<li>loop option for single run<\/li>\n<li>removed dbg msg on activation<\/li>\n<li>added &quot;ask for support&quot; and &quot;rate this plugin&quot; link<\/li>\n<li>click, doubleclick event to handle stop and restart animation<\/li>\n<li>onrotation event on fullscreen<\/li>\n<li>shortcodes and multiple shows on a single page\/post<\/li>\n<li>speed parameter (negative values allowed)<\/li>\n<li>preloader<\/li>\n<li>improved readme<\/li>\n<li>fixing server side asp.net &#039;comment bug&#039;<\/li>\n<\/ul>"},"ratings":{"1":3,"2":0,"3":0,"4":2,"5":16},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":1489315,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":1489315,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":1489315,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":1505447,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":1505447,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":1505454,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":1792032,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":1897554,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Screenshot-1.png","2":"Screenshot-2.png","3":"Screenshot-3.png","4":"Screenshot-4.png","5":"Screenshot-5.png"}},"plugin_section":[],"plugin_tags":[76709,810,811,812,15680],"plugin_category":[],"plugin_contributors":[94808],"plugin_business_model":[],"class_list":["post-50677","plugin","type-plugin","status-closed","hentry","plugin_tags-360-deg-viewer","plugin_tags-3d-model-display","plugin_tags-3d-model-viewer","plugin_tags-3d-model-viewer-wordpress","plugin_tags-3d-viewer","plugin_contributors-maui2wp","plugin_committers-maui2wp"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/spin360_d6d6d6.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/spin360\/assets\/screenshot-1.png?rev=1505447","caption":"Screenshot-1.png"},{"src":"https:\/\/ps.w.org\/spin360\/assets\/screenshot-2.png?rev=1505447","caption":"Screenshot-2.png"},{"src":"https:\/\/ps.w.org\/spin360\/assets\/screenshot-3.png?rev=1505454","caption":"Screenshot-3.png"},{"src":"https:\/\/ps.w.org\/spin360\/assets\/screenshot-4.png?rev=1792032","caption":"Screenshot-4.png"},{"src":"https:\/\/ps.w.org\/spin360\/assets\/screenshot-5.png?rev=1897554","caption":"Screenshot-5.png"}],"raw_content":"<!--section=description-->\n<p>A featured plugin to add 360 degrees and 3d animate view in wordpress using shortcodes\nResponsive Web Design\nDisplays 3D model on wordPress page, post, or custom page\n3D model Rotation enabled\nBased on a sequence of images (jpg or png) to animate and display the product\nTransparency available for png images\nZoom option (best viewed on fullscreen)\nImages can be generated with Blender animation\nPhotography turntable ready<\/p>\n\n<p>Looking for a 3D model (obj, stl, wrl, fbx format) full rotation &amp; zoom plugin? \nTry the <a href=\"https:\/\/wordpress.org\/plugins\/vrm360\/\">Vrm360 wordpress 3D plugin<\/a><\/p>\n\n<h4>Demo<\/h4>\n\n<p><a href=\"https:\/\/easyw.github.io\/spin360\/\">Live Demo 3D<\/a><\/p>\n\n<p><a href=\"https:\/\/easyw.github.io\/spin360\/spin360demo.zip\" title=\"3d viewer sample\">Sample 3D project<\/a><\/p>\n\n<p><a href=\"https:\/\/www.robit.com\/gallery\/\">User Case Gallery<\/a><\/p>\n\n<p><a href=\"https:\/\/remcorheeproducties.nl\/online\/#productpresentatie\">User Case e-commerce<\/a><\/p>\n\n<p>Download Wordpress Plugin page: <a href=\"https:\/\/wordpress.org\/plugins\/spin360\/\">wordpress plugins spin360 page<\/a><\/p>\n\n<p>GitHub Wordpress Plugin: https:\/\/github.com\/easyw\/spin360<\/p>\n\n<p>jQuery plugin page: http:\/\/spritespin.ginie.eu\/<\/p>\n\n<p><a href=\"https:\/\/easyw.github.io\/spin360\/\">Live Demo 3D<\/a><\/p>\n\n<h4>Plugin Features<\/h4>\n\n<ul>\n<li>3D model Display<\/li>\n<li>360 deg and 3D view enabled<\/li>\n<li>Photography turntable ready <\/li>\n<li>ShortCodes System<\/li>\n<li>Very Lightweight<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>your_wordpress_plugins_dir\/spin360<\/code> directory, or Install as a regular WordPress plugin<\/li>\n<li>Go your Plugins page via WordPress Dashboard and activate it<\/li>\n<li><p>Use these shortcodes to post or page<\/p>\n\n<p>[spin360 canvas_name=&#034;s1&#034; imgs_folder=&#034;my_product\/&#034; imgs_nbr=100 aspect_ratio=1.33333 speed=1.0 loop=true]<\/p>\n\n<p>[spin360 canvas_name=&#034;s1&#034; imgs_folder=&#034;spin360demo\/&#034; imgs_nbr=48 aspect_ratio=1.33333]<\/p>\n\n<p>[spin360 canvas_name=&#034;s1&#034; imgs_folder=&#034;spin360demo\/&#034; imgs_nbr=100 autostart=false gesture=vertical]<\/p>\n\n<p>[spin360 canvas_name=&#034;s1&#034; imgs_folder=&#034;spin360demo\/&#034; imgs_nbr=36 hide_cmds=all]<\/p>\n\n<p>defaults: <code>canvas_name=&#034;s1&#034;, aspect_ratio=1.33333, speed=-1.0, loop=true hide_cmds=zoom,fullscreen<\/code><\/p>\n\n<p><strong>Be sure to use the HTML editor when inserting shortcodes!<\/strong><\/p>\n\n<p><strong>check that your Quotation marks are exactly the correct symbol (Alt 34)<\/strong><\/p><\/li>\n<li><p>Use <code>jpg<\/code> or <code>png<\/code> image files to display your model as a dynamic sequence;<\/p>\n\n<p>Name your images as following: <code>0001.jpg, 0002.jpg, ..., 0048.jpg (4 digits name)<\/code><\/p>\n\n<p>for <code>png<\/code> as following: <code>0001.png, 0002.png, ..., 0048.png (4 digits name)<\/code> and add <code>img_type=png<\/code> to your shortcode<\/p>\n\n<p><strong>NB<\/strong> <code>.jpg<\/code> or <code>.png<\/code> extension MUST be lowercase<\/p>\n\n<p>[spin360 canvas_name=&#034;s1&#034; imgs_folder=&#034;spin360demo\/&#034; imgs_nbr=36 img_type=png]<\/p>\n\n<p>for 3D models the image sequence can be generated using <strong>Blender<\/strong> turntable animation<\/p>\n\n<p>upload your project image files in a <code>your_wordpress_uploads_dir\/spin360show<\/code> subfolder<\/p>\n\n<p>(i.e <code>\"your_wordpress_uploads_dir\/spin360show\/my_product\/\"<\/code>) via a standard FTP access<\/p>\n\n<p>NB: for multisite add <code>\/sites\/#blog_id\/<\/code> to path <code>your_wordpress_uploads_dir\/sites\/2\/spin360show<\/code><\/p><\/li>\n<li><p>Modify the css style to adapt some features<\/p>\n\n<ul>\n<li>change <code>css\/spin-style.css<\/code> to change some style aspect<\/li>\n<\/ul><\/li>\n<li><p>click to stop animation, click and hold to drag, double click to restart or invert sense of animation<\/p><\/li>\n<\/ol>\n\n<p>Shortcode Parameters:<\/p>\n\n<ul>\n<li>canvas_name = canvas name needed in case of multiple shows on the same page (required)<\/li>\n<li>imgs_folder = folder of image sequence project; i.e.: <code>\"spin360demo\/\"<\/code> or <code>\"my_product\"<\/code> (required)<\/li>\n<li><p>imgs_nbr = any number &gt; 1; i.e.: 100 image screenshots (required)<\/p>\n\n<p>Note: name your images as following: <code>0001.jpg, 0002.jpg, ..., 0100.jpg (4 digits name)<\/code>\nor for png as following: <code>0001.png, 0002.png, ..., 0100.png (4 digits name)<\/code> and add <code>img_type=png<\/code> to your shortcode\nDon't mix up jpg with png image types on the same project folder.<\/p><\/li>\n<li>speed = any number &gt; 0.1 and &lt; 10; i.e.: 1.5; Negative values will start the animation reversed<\/li>\n<li>aspect_ratio = any number i.e.: 1.3333  for 4\/3 aspect ratio<\/li>\n<li>change <code>css\/spin-style.css<\/code> to adapt some style aspect (as loading image or button font color)<\/li>\n<li>loop = true or false (default is true)<\/li>\n<li>autostart = true or false (default is true) auto start the animation on load<\/li>\n<li>gesture = 'horizontal' (default) will make animation on mouse left\/right movement; 'vertical' value will make animation on mouse up\/dowm movement<\/li>\n<li>hide_cmds = all, fullscreen, reverse, zoom or false  (default is false)<\/li>\n<li>button_color = '#00ABFF' (default) HTML color values<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt id='3d%20model%20rotation%2C%20360%20view%20enabled%2C%20based%20on%20image%20sequences'><h3>3D model Rotation, 360 view enabled, based on image sequences<\/h3><\/dt>\n<dd><ul>\n<li>Fully <strong>Responsive design<\/strong>; works on <strong>mobile devices<\/strong>; <\/li>\n<li><strong>click<\/strong> to STOP;<\/li>\n<li><strong>click and hold<\/strong> to DRAG; <\/li>\n<li><strong>doubleclick<\/strong> to RESTART; <\/li>\n<li><p><strong>speed parameter<\/strong>, <strong>loop=true\/false<\/strong>, <strong>full screen<\/strong> optimization<\/p><\/li>\n<li><p>in case you have trouble in FTP your image folders under the folder <code>your_wordpress_uploads_dir\/spin360show<\/code>, check the <code>spin360show<\/code> folder permissions or just delete it and make a new one<\/p><\/li>\n<li>for multisite add <code>\/sites\/#blog_id\/<\/code> to path <code>your_wordpress_uploads_dir\/sites\/2\/spin360show<\/code><\/li>\n<li>shortcode support for alternative location of your 360 product images; valuable when you need to host image assets on a dedicated file server or CDN; just place your full folder location path in <code>\"imgs_folder\"<\/code> shortcode variable<\/li>\n<li>be sure to use the HTML editor when inserting shortcodes<\/li>\n<li>to have <strong>many spinning images or to resize the image<\/strong> in the page, it is possible to use the shortcode inside i.e. a table and set the cell dimension of the table. That will force the plugin to resize itself to the cell size<\/li>\n<li>Check if your Quotation marks are exactly the correct symbol (Alt 34) https:\/\/usefulshortcuts.com\/alt-codes\/punctuation-alt-codes.php<\/li>\n<li><strong>clear your site cache<\/strong> after a plugin update<\/li>\n<li>in case of use of \"minify HTML\" plugin, don't enable compression for inline scripts<\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.7<\/h4>\n\n<p>Stable release (zoom removed), autostart, png and transparency allowed, multisite &amp; CDN support support. Click, doubleclick and onrotation event;<\/p>\n\n<h4>1.2.6<\/h4>\n\n<p>Stable release with better zoom resolution, autostart, png and transparency allowed, multisite &amp; CDN support support. Click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme, fixing server side comment bug, fixing zoom hide when 'all' is selected<\/p>\n\n<h4>1.2.5<\/h4>\n\n<p>Stable release with zoom option, autostart, png and transparency allowed, multisite &amp; CDN support support. Click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme, fixing server side comment bug, fixing zoom hide when 'all' is selected<\/p>\n\n<h4>1.2.1<\/h4>\n\n<p>Stable release with autostart option, png and transparency allowed, multisite &amp; CDN support support. Click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme<\/p>\n\n<h4>1.2.0<\/h4>\n\n<p>Stable release with png and transparency allowed, multisite &amp; CDN support support. Click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme<\/p>\n\n<h4>1.1.8<\/h4>\n\n<p>Stable release with multisite &amp; CDN support support. Click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme<\/p>\n\n<h4>1.1.7<\/h4>\n\n<p>Stable release with multisite. Click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme<\/p>\n\n<h4>1.1.6<\/h4>\n\n<p>Stable release with click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization, hide commands and start reversed \nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation \nimproved readme<\/p>\n\n<h4>1.1.5<\/h4>\n\n<p>Stable release with click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'ask for support' and 'rate this plugin' link, removed dbg msg on activation\nimproved readme<\/p>\n\n<h4>1.1.4<\/h4>\n\n<p>Stable release with click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nloop option, natural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'rate this plugin' link, removed dbg msg on activation<\/p>\n\n<h4>1.1.3<\/h4>\n\n<p>Stable release with click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nnatural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'rate this plugin' link, removed dbg msg on activation<\/p>\n\n<h4>1.1.2.1<\/h4>\n\n<p>Stable release with click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nnatural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader, 'rate this plugin' link<\/p>\n\n<h4>1.1.2<\/h4>\n\n<p>Stable release with click, doubleclick and onrotation event; shortcode, multiple shows, relative upload folder path,\nnatural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader<\/p>\n\n<h4>1.1.1<\/h4>\n\n<p>Stable release with shortcode, multiple shows, relative upload folder path,\nnatural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons, \ndrag tips and better ajax preloader<\/p>\n\n<h4>1.1.0<\/h4>\n\n<p>Stable release with shortcode, multiple shows, relative upload folder path,\nnatural sense of interaction, speed parameter, tooltips, full screen optimization\nfolder name without slash, subset of font-awesome and ionicons buttons<\/p>\n\n<h4>1.0.11<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button\nwith natural sense of interaction, speed parameter, tooltips, \nfull screen (fix for osx, chrome both desktop and mobile),\nno more need to have '\/' at the end of folder name, subset of font-awesome and ionicons buttons<\/p>\n\n<h4>1.0.10<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button\nwith natural sense of interaction, font-awesome buttons, speed parameter, tooltips, \nfull screen (fix for osx, chrome both desktop and mobile),\nno more need to have '\/' at the end of folder name<\/p>\n\n<h4>1.0.9<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button\nwith natural sense of interaction, font-awesome buttons, speed parameter, tooltips, \nfull screen (fix for osx, chrome both desktop and mobile)<\/p>\n\n<h4>1.0.8<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button\nwith natural sense of interaction, font-awesome buttons, speed parameter, tooltips, full screen<\/p>\n\n<h4>1.0.7<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button\nwith natural sense of interaction, font-awesome buttons<\/p>\n\n<h4>1.0.6<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button\nwith natural sense of interaction<\/p>\n\n<h4>1.0.5<\/h4>\n\n<p>Basic version with shortcode and multiple shows, relative upload folder path and Play button<\/p>\n\n<h4>1.0.4<\/h4>\n\n<p>Basic version with shortcode and multiple shows, with relative upload folder path<\/p>\n\n<h4>1.0.3<\/h4>\n\n<p>Basic version with shortcode and multiple shows, still under development<\/p>\n\n<h4>1.0.2<\/h4>\n\n<p>Basic version with shortcode, still under development<\/p>\n\n<h4>1.0.1<\/h4>\n\n<p>Basic version updated, still under development<\/p>\n\n<h4>1.0<\/h4>\n\n<p>Basic version, still under development<\/p>","raw_excerpt":"A plugin to add 360 rotation support and 3d view animation in wordpress using shortcodes;\nResponsive Web Design; \n3D model Rotation, 360 degrees view.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/50677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=50677"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/maui2wp"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=50677"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=50677"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=50677"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=50677"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=50677"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=50677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}