{"id":56,"date":"2010-07-18T09:38:58","date_gmt":"2010-07-18T09:38:58","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=56"},"modified":"2021-10-14T14:42:58","modified_gmt":"2021-10-14T14:42:58","slug":"super-transition-slideshow","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/super-transition-slideshow\/","title":{"rendered":"Super transition slideshow WordPress plugin"},"content":{"rendered":"\n<p><strong>Superb transition slideshow<\/strong> WordPress plugin is an image slideshow gallery that brings each image into view using 1 of N randomly chosen transitional effects in IE browsers. For other browsers that don&#8217;t support these built-in effects, a custom fade transition is used instead.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Simple slideshow.<\/li><li>Easy installation.<\/li><li>Easy configuration and customization.<\/li><li>Short code available for pages\/posts.<\/li><\/ul>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin live demo available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/10\/10\/superb-slideshow-gallery\/\">superb slideshow gallery<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n<h2 style=\"padding-bottom:10px;\">Live demo<\/h2>\n<script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/super-transition-slideshow.js\"><\/script>\n<script type=\"text\/javascript\">\n\tvar flashyshow=new super_transition_slideshow({ \n\t\twrapperid: \"sts_slideshow\", \n\t\twrapperclass: \"sts_class\", \n\t\timagearray: [[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\", \"\", \"\", \"\"],\n\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"\", \"\", \"\"],\n\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"\", \"\", \"\"],\n\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"\", \"\", \"\"]],\n\t\tpause: 2000, \n\t\ttransduration: 1000 \n\t})\n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin super-transition-slideshow.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the super-transition-slideshow.zip file<\/li><li>Extract the \/super-transition-slideshow\/ folder.<\/li><li>Drop the &#8220;super-transition-slideshow&#8221; folder into your &#8216;plugins&#8217; folder.<\/li><li>In word press administration panels, click on plugin from the menu.<\/li><li>You should see your new &#8220;super transition slideshow&#8221; plugin listed.<\/li><li>To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your WordPress admin.<\/li><li>Search &#8220;super transition slideshow&#8221; plugin using search option.<\/li><li>Find the plugin and click &#8216;Install Now&#8217; link.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin super-transition-slideshow.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your WordPress admin.<\/li><li>Select upload link (top link menu).<\/li><li>Upload the available super-transition-slideshow.zip file and click install now.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Drag and drop the widget<\/strong>: Go to the widget page under the Appearance tab, Drag and drop the Super transition slideshow widget into your sidebar.<\/p>\n\n\n\n<p><strong>Shortcode<\/strong> for pages and posts: copy and paste the given shortcode into pages or posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;super-slideshow dir=\"dir1\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;super-slideshow dir=\"dir2\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;super-slideshow dir=\"dir3\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;super-slideshow dir=\"dir4\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;super-slideshow dir=\"dir0\"]<\/code><\/pre>\n\n\n\n<p>Each shortcode for 1 directory. totally we can create 5 different slideshows.<\/p>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Use this PHP code to add the gallery into your theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>echo do_shortcode( '&#091;super-slideshow dir=\"dir0\"]' );<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select <strong>Super transition slideshow<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/super-transition-slideshow.png\" alt=\"Super transition slideshow WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p>Q1. How to arrange the width and height of the slideshow?<\/p>\n\n\n\n<p>1. This plug-in will not create any thumbnail of the image.<br> 2. To change or use the fixed width take \u201csuper-transition-slideshow.js\u201d  file from plug-in directory and go to line 63 and fix the width, see  below.<br> slideHTML+=\u2019&lt;img src=\u201d\u2018+this.imagearray[index][0]+\u2019\u201d \/>\u2019<br> to<br> slideHTML+=\u2019&lt;img width=\u201d200\u2033 src=\u201d\u2018+this.imagearray[index][0]+\u2019\u201d  \/>\u2019<br> 3. And take the &#8220;super-transition-slideshow.css&#8221; css file from the same directory and set the width to the \u201csts_class\u201d class.<\/p>\n\n\n\n<p>Q2. How to change the slide delay time?<\/p>\n\n\n\n<p>Go to the &#8216;Super transition slideshow&#8217; link under the SETTING tab to change these settings.<\/p>\n\n\n\n<p>Q3. How to upload my images?<\/p>\n\n\n\n<p>In default this is the image location: wp-content\/plugins\/super-transition-slideshow\/images\/<br>\nGo to below link to change the image folder location.<\/p>\n\n\n\n<p>Dashboard ==&gt; Settings ==&gt; Super transition slideshow<\/p>\n\n\n\n<p>You have to change this folder location to your original location. (Best practice is don&#8217;t upload your original image into this default folder instead you change this default path to original path)<\/p>\n\n\n\n<p>Q4. How the slide show manages the order?<\/p>\n\n\n\n<p>The file names are returned in the order in which they are stored by the file system.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/super-transition-slideshow\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/super-transition-slideshow\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/08\/03\/super-transition-slideshow-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/08\/03\/super-transition-slideshow-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/super-transition-slideshow\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/super-transition-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Superb transition slideshow WordPress plugin is an image slideshow gallery that brings each image into view using 1 of N randomly chosen transitional effects in IE browsers. For other browsers that don&#8217;t support these built-in effects, a custom fade transition is used instead. Features of this plugin Simple slideshow. Easy installation. Easy configuration and customization. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[19,20,6,172,28,5],"class_list":["post-56","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-image","tag-plugin","tag-slider","tag-slideshow","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}