{"id":203,"date":"2013-06-10T11:26:02","date_gmt":"2013-06-10T11:26:02","guid":{"rendered":"http:\/\/topdevs.net\/wordpress-threesixty-slider\/?page_id=203"},"modified":"2016-10-14T12:20:32","modified_gmt":"2016-10-14T12:20:32","slug":"product-animation","status":"publish","type":"page","link":"http:\/\/topdevs.net\/smart-product-viewer\/product-animation\/","title":{"rendered":"Product Animation"},"content":{"rendered":"<h2>Product Animation<\/h2>\n<p>Smart Product Viewer\u00a0allows you to create a step-by-step product animations or a\u00a0product workflow\u00a0using the same principles as\u00a0<a title=\"360\u00ba Product Spin\" href=\"http:\/\/topdevs.net\/smart-product-viewer\/360-product-spin\/\">360 Spin<\/a>. Simply move the scroll bar right or left to activate the animations below.<\/p>\n<p>Product animations can be easily added to any WordPress post or page using simple Shortcodes. Using WordPress Widgets you can add animations to any Sidebar in your WordPress Theme.<\/p>\n<p style=\"text-align: center;\"><a class=\"button buy-it\" title=\"\" href=\"http:\/\/codecanyon.net\/item\/smart-product-viewer\/6277697?ref=topdevs\"><i class=\"icon-shopping-cart icon-large\"><\/i> Get Smart Product Viewer &#8211; $20<\/a><\/p>\n<h2>Product Animation Examples<\/h2>\n<h3>Top Scrollbar<\/h3>\n<div id=\"threesixty-slider-245_IUT9Xt\" class=\"threesixty-loading threesixty-image threesixty-gray threesixty-glow threesixty-scrollbar-top\" style=\"width: 912px;\">\n\t<div class=\"threesixty-preview-245_IUT9Xt\"><img decoding=\"async\" class=\"threesixty-preview-image\" src=\"http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_092.jpg\"\/><\/div>\n\t<div class=\"threesixty-spinner threesixty-spinner-245_IUT9Xt\">\n\t\t<span>0%<\/span>\n\t<\/div>\n\t<ol class=\"threesixty-images threesixty-images-245_IUT9Xt\"><\/ol>\n\t\t<div class=\"threesixty-scrollbar\">\n\t\t<div id=\"nouislider-245_IUT9Xt\"><\/div>\n\t<\/div>\n\t\t<\/div>\n<!--SPV--><script type=\"text\/javascript\">\/\/SPV\n(function($) {\n\t\"use strict\";\n\t\tvar product_245_IUT9Xt = $('#threesixty-slider-245_IUT9Xt').ThreeSixty({\n\t\ttotalFrames: 43,\n\t\tendFrame: 0,\n\t\tcurrentFrame: 43,\n\t\timgList: '.threesixty-images-245_IUT9Xt',\n\t\tprogress: '.threesixty-spinner-245_IUT9Xt',\n\t\tpreview: '.threesixty-preview-245_IUT9Xt',\n\t\timages: ['http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_000.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_002.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_004.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_006.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_008.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_010.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_012.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_014.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_016.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_020.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_022.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_024.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_026.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_028.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_030.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_032.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_034.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_036.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_040.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_042.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_044.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_046.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_048.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_050.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_052.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_054.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_056.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_060.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_062.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_064.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_066.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_068.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_070.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_072.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_074.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_076.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_080.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_082.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_084.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_086.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_088.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_090.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_092.jpg'],\n\t\theight: 0,\n\t\twidth: 912,\n\t\tnavigation: false,\n\t\tdrag: false,\n\t\tshowCursor: true,\n\t\tinterval: 40,\n\t\tspeedMultiplier: 7,\n\t\tmonitorInt: 10,\n\t\t\t\tonReady: function() {\n\t\t\t$(\"#threesixty-slider-245_IUT9Xt\").removeClass('threesixty-loading');\n\t\t\t\t\t\t\t\t\tvar slider = document.getElementById('nouislider-245_IUT9Xt');\n\t\t\tnoUiSlider.create( slider, {\n\t\t\t\tconnect: 'upper',\n\t\t\t\trange: {\n\t\t\t\t\t'min': 0, \n\t\t\t\t\t'max': 42\t\t\t\t},\n\t\t\t\tstart: 0,\n\t\t\t\tstep: 1,\n\t\t\t\torientation: 'horizontal',\n\t\t\t\tdirection: \"ltr\",\n\t\t\t\t\t\n\t\t\t});\n\t\t\tslider.noUiSlider.on('update', function(val){\n\t\t\t\tproduct_245_IUT9Xt.gotoAndPlay( val );\n\t\t\t})\n\t\t\t$('#nouislider-245_IUT9Xt.noUi-vertical').height(parseInt($('#threesixty-slider-245_IUT9Xt').height())-40);\n\t\t\t\t\t}\n\t\t\t});\n\t\t\t}(jQuery));\n<\/script>\n<h3>Bottom Scrollbar, No Border, Green<\/h3>\n<div id=\"threesixty-slider-245_YVhclq\" class=\"threesixty-loading threesixty-image threesixty-green threesixty-glow threesixty-no-border threesixty-scrollbar-bottom\" style=\"width: 912px;\">\n\t<div class=\"threesixty-preview-245_YVhclq\"><img decoding=\"async\" class=\"threesixty-preview-image\" src=\"http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_092.jpg\"\/><\/div>\n\t<div class=\"threesixty-spinner threesixty-spinner-245_YVhclq\">\n\t\t<span>0%<\/span>\n\t<\/div>\n\t<ol class=\"threesixty-images threesixty-images-245_YVhclq\"><\/ol>\n\t\t<div class=\"threesixty-scrollbar\">\n\t\t<div id=\"nouislider-245_YVhclq\"><\/div>\n\t<\/div>\n\t\t<\/div>\n<!--SPV--><script type=\"text\/javascript\">\/\/SPV\n(function($) {\n\t\"use strict\";\n\t\tvar product_245_YVhclq = $('#threesixty-slider-245_YVhclq').ThreeSixty({\n\t\ttotalFrames: 43,\n\t\tendFrame: 0,\n\t\tcurrentFrame: 43,\n\t\timgList: '.threesixty-images-245_YVhclq',\n\t\tprogress: '.threesixty-spinner-245_YVhclq',\n\t\tpreview: '.threesixty-preview-245_YVhclq',\n\t\timages: ['http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_000.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_002.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_004.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_006.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_008.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_010.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_012.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_014.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_016.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_020.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_022.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_024.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_026.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_028.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_030.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_032.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_034.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_036.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_040.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_042.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_044.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_046.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_048.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_050.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_052.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_054.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_056.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_060.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_062.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_064.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_066.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_068.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_070.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_072.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_074.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_076.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_080.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_082.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_084.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_086.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_088.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_090.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2013\/06\/ipad_smartcover_blue-on-white_092.jpg'],\n\t\theight: 0,\n\t\twidth: 912,\n\t\tnavigation: false,\n\t\tdrag: false,\n\t\tshowCursor: true,\n\t\tinterval: 40,\n\t\tspeedMultiplier: 7,\n\t\tmonitorInt: 10,\n\t\t\t\tonReady: function() {\n\t\t\t$(\"#threesixty-slider-245_YVhclq\").removeClass('threesixty-loading');\n\t\t\t\t\t\t\t\t\tvar slider = document.getElementById('nouislider-245_YVhclq');\n\t\t\tnoUiSlider.create( slider, {\n\t\t\t\tconnect: 'upper',\n\t\t\t\trange: {\n\t\t\t\t\t'min': 0, \n\t\t\t\t\t'max': 42\t\t\t\t},\n\t\t\t\tstart: 0,\n\t\t\t\tstep: 1,\n\t\t\t\torientation: 'horizontal',\n\t\t\t\tdirection: \"ltr\",\n\t\t\t\t\t\n\t\t\t});\n\t\t\tslider.noUiSlider.on('update', function(val){\n\t\t\t\tproduct_245_YVhclq.gotoAndPlay( val );\n\t\t\t})\n\t\t\t$('#nouislider-245_YVhclq.noUi-vertical').height(parseInt($('#threesixty-slider-245_YVhclq').height())-40);\n\t\t\t\t\t}\n\t\t\t});\n\t\t\t}(jQuery));\n<\/script>\n<h2>Smart Product Viewer on CodeCanyon<\/h2>\n<p>We are exclusively selling Smart Product Viewer plugin for WordPress via CodeCanyon marketplace. Visit Smart Product Viewer CodeCanyon page to purchase, see reviews and read comments. Follow us on CodeCanyon to see all of our &#8220;Smart&#8221; series plugins.<\/p>\n<p style=\"text-align: center;\"><a class=\"button buy-it\" title=\"\" href=\"http:\/\/codecanyon.net\/item\/smart-product-viewer\/6277697?ref=topdevs\"><i class=\"icon-shopping-cart icon-large\"><\/i> Get on CodeCanyon &#8211; $20<\/a><\/p>\n<h2>Want to See More?<\/h2>\n<p>See how the plugin can increase your sales by showing 360 Product Spin of an object so that it can be seen from every angle. Also check out the short Video Tour of how its easy to use Smart Product Viewer in your WordPress admin section.<\/p>\n<p style=\"text-align: center;\"><a class=\"button learn-more\" title=\"See 360 Spin in Action\" href=\"http:\/\/topdevs.net\/smart-product-viewer\/360-product-spin\/\"><i class=\"icon-eye-open icon-large\"><\/i> 360 Product Spin<\/a> <a class=\"button learn-more\" title=\"Video Tour\" href=\"http:\/\/topdevs.net\/smart-product-viewer\/360-product-video-tutorial\/\"><i class=\"icon-facetime-video icon-large\"><\/i>\u00a0See Video Tour<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product Animation Smart Product Viewer\u00a0allows you to create a step-by-step product animations or a\u00a0product workflow\u00a0using the same principles as\u00a0360 Spin. Simply move the scroll bar right or left to activate the animations below. Product animations can be easily added to any WordPress post or page using simple Shortcodes. Using WordPress Widgets you can add animations [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-203","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":35,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":702,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/203\/revisions\/702"}],"wp:attachment":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/media?parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}