{"id":65,"date":"2010-07-18T09:46:28","date_gmt":"2010-07-18T09:46:28","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=65"},"modified":"2021-10-23T14:43:50","modified_gmt":"2021-10-23T14:43:50","slug":"superb-slideshow","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/superb-slideshow\/","title":{"rendered":"Superb Slideshow WordPress plugin"},"content":{"rendered":"\n<p>Superb Slideshow WordPress plugin is a strong <strong>cross-browser<\/strong> fade-in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade-in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow.<\/p>\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<ul class=\"wp-block-list\"><li>Fade in effect that has the current image fading over the previous one.<\/li><li>Automatic slideshow. Thus, no manuall navigation button.<\/li><li>Slideshow can be set to stop rotating after N cycles.<\/li><li>Each slide can be optionally hyperlinked.<\/li><li>Slide images can have an optional description associated with it.<\/li><li>Descriptions can either be set to show on demand (when the mouse rolls over the slide), or be always visible until explicitly dismissed.<\/li><li>Persistence of last viewed slide supported, so when the user reloads the page, the slideshow resumes from the last slide.<\/li><li>Slideshow automatically pauses onmouseover.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin <strong>live demo<\/strong> 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\/superb-slideshow.js\"><\/script>\n<script type=\"text\/javascript\">\n\tvar sswldgallery=new sswldSlideShow({\n\t\tsswld_wrapperid: \"sswld\",\n\t\tsswld_dimensions: [700, 450],\n\t\tsswld_imagearray: [[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\",\"#\", \"_new\", \"Australia Melbourne great ocean drive collection\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection\"],\n\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"#\", \"_new\", \"Australia Melbourne wildlife park collection\"]],\n\t\tsswld_displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},\n\t\tsswld_persist: false,\n\t\tsswld_fadeduration: 500,\n\t\tsswld_descreveal: \"always\",\n\t\tsswld_togglerid: \"\"\n\t})\n\t<\/script>\n    <div id=\"sswld\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction and configuration<\/h2>\n\n\n\n<p>First, download the plugin ZIP file superb-slideshow.zip from the download location.<\/p>\n\n\n\n<p><strong>Plugin upload option.<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard. Navigate to the <strong>Plugins<\/strong> menu. And click <strong>Add New<\/strong> menu to upload the downloaded ZIP file (superb-slideshow.zip). Select the <strong>Upload Plugin<\/strong> button. Upload the available ZIP file and click <strong>Install Now<\/strong> button. Finally, click Activate plugin button to activate the plugin. Next, Go to the plugin admin page to change the default settings.<\/p>\n\n\n\n<p><strong>Install the plugin with the search option<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard and go to the Plugins menu and click <strong>Add New<\/strong>. Search <strong>Superb Slideshow<\/strong> plugin using the search option. This will search the plugin in the WordPress repository. This action required an active internet connection. Find the plugin in the search result and click <strong>Install Now<\/strong> button, so that the plugin will be installed automatically on the website directly from the WP repository. Finally, click activate plugin button to activate the plugin.<\/p>\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\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to arrange the width &amp; height of the slideshow?<\/strong><\/p>\n\n\n\n<p>Go to the &#8220;Superb Slideshow&#8221; menu in your &#8220;Setting&#8221; menu in the WordPress admin dashboard. Widget configurations are on this page. For the Shortcode option, gallery Width and Height will be defined in the Shortcode itself.<\/p>\n\n\n\n<p><strong>Q2. How to change the slide Fade Duration, Pause, Cycles?<\/strong><\/p>\n\n\n\n<p>Go to the &#8220;Superb Slideshow&#8221; menu in your &#8220;Setting&#8221; menu in the WordPress admin dashboard. On this page, we have the portion &#8220;Slideshow Settings&#8221; to change Fade Duration, Pause, and Cycles details.<\/p>\n\n\n\n<p><strong>Q3. How do<\/strong> add more images<strong>?<\/strong><\/p>\n\n\n\n<p>There is big change in the plugin version 12.0, from this version onwards, images are loading from WP folder. You can upload the images directly to the server using your FTP connection. Alternatively, you can use the Media menu in the WordPress admin dashboard. And use that folder in the Image Directory text box.<\/p>\n\n\n\n<p><strong>Q4. Close icon is not displaying in the description details?<\/strong><\/p>\n\n\n\n<p>If any problem with the close button display, check the superb-slideshow\/inc\/superb-slideshow.js file and go to the 3rd line and replace the image path with the full correct image path.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/superb-slideshow-1.png\" alt=\"Superb Slideshow WordPress plugin\"><\/figure>\n\n\n\n<p><strong>Q5. How to change the image description in the gallery?<\/strong> <\/p>\n\n\n\n<p>The name of the file will be displayed in the image description portion. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Widget:<\/strong><\/p>\n\n\n\n<p>This is the easiest way, First, go to the Appearance menu and click Widgets. Then, click the &#8216;Plus&#8217; icon on the page to bring up the widget block menu. Finally, search the widget Superb Slideshow and drag and drop to your widget section. Otherwise, you can double-click to add the widget.<\/p>\n\n\n\n<p><strong>Shortcode:<\/strong><\/p>\n\n\n\n<p>Shortcodes are the simple way to add plugins into your WordPress posts, pages, and sidebars. Find the code below. and use it inside the posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;superb-slideshow filename=\"directory2\" width=\"500\" height=\"300\"]<\/code><\/pre>\n\n\n\n<p><strong>PHP code:<\/strong><\/p>\n\n\n\n<p>Copy and paste the below PHP code to your desired template location (in PHP file) to show the plugin on the theme. It allows you to embed the shortcode anywhere you want in the file. of course, you have to activate the plugin.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;superb-slideshow filename=\"directory2\" width=\"500\" height=\"300\"]' ); ?><\/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 <strong>Settings<\/strong> menu and select <strong>Superb 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\/superb-slideshow.png\" alt=\"Superb Slideshow WordPress plugin\"><\/figure>\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\/superb-slideshow\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/superb-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\/02\/superb-slideshow-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/08\/02\/superb-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\/superb-slideshow\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/superb-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Superb Slideshow WordPress plugin is a strong cross-browser fade-in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade-in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow. Fade in effect that has the current [&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-65","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\/65","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=65"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/65\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}