{"id":2208,"date":"2011-12-21T15:07:35","date_gmt":"2011-12-21T15:07:35","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=2208"},"modified":"2021-09-04T05:03:47","modified_gmt":"2021-09-04T05:03:47","slug":"jquery-accordion-slideshow-wordpress-plugin","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2011\/12\/21\/jquery-accordion-slideshow-wordpress-plugin\/","title":{"rendered":"jQuery Accordion Slideshow WordPress Plugin"},"content":{"rendered":"\n<p><strong>jQuery Accordion Slideshow<\/strong> is another slideshow plugin for WordPress with accordion effect using famous jQuery JavaScript. Using this WordPress plugin we can easily create a <strong>horizontal accordion image<\/strong> slideshow. We can customize the timeout between the slides and trigger option in the plugin administrator section.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>What is Accordion?<\/strong> Accordion is a web control that allows you to provide multiple panes and display them one at a time. It is like having several collapsible panels where only one can be expanded at a time. See the plugin <strong>Live Demo<\/strong> below.<\/p><\/blockquote>\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<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Option to set timeout between slide.<\/li><li>Pause on hover.<\/li><li>Option to set With\/Height.<\/li><\/ul>\n\n\n<div class=\"livedemo\">\n\t<h2>Live demo<\/h2>\n\t<script src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/plugins\/jquery-accordion-slideshow\/js\/jquery.min.js?ver=3.3-beta3\" type=\"text\/javascript\"><\/script>\n\t<script src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/jquery.zaccordion.min.js\" type=\"text\/javascript\"><\/script>\n\t<script src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/jquery.easing.1.3.js?ver=3.3-beta3\" type=\"text\/javascript\"><\/script>\n\t\n\t<div id=\"mod-jt-zaccordion\" style=\"height: 300px;\">\n\t\t<ul id=\"jt-zaccordion\">\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/1.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/2.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/3.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/4.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/5.jpg\" alt=\"\" \/><\/li>\n\t\t<\/ul>\n\t<\/div>\n\t\n\t<script type=\"text\/javascript\">\n\tjQuery.noConflict(); jQuery(document).ready(function() { \n\t\tjQuery(\"#jt-zaccordion\").zAccordion({ \n\t\t\ttimeout: 6000, \n\t\t\twidth: 600, \n\t\t\theight: 300, \n\t\t\tslideWidth: 500, \n\t\t\tslideHeight: 300, \n\t\t\ttabWidth: 25, \n\t\t\tspeed: 1200, \n\t\t\ttrigger: \"click\", \n\t\t\tpause: true, \n\t\t\tinvert: false, \n\t\t\teasing: null \n\t\t}); \n\t});\n\t<\/script>\n<\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin <strong>jquery-accordion-slideshow.zip<\/strong> from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Go to <strong>add new<\/strong> menu under <strong>plugins<\/strong> tab in your WordPress admin.<\/li><li>Click <strong>upload plugin<\/strong> button.<\/li><li>Upload the available <strong>jquery-accordion-slideshow.zip<\/strong> file and click <strong>install now<\/strong>.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>How to add a <\/strong>gallery in the Posts or Pages? Copy and paste the given shortcode into pages or posts. Shortcode is available below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;jquery-accordion gallery=\"GALLERY1\"]<\/code><\/pre>\n\n\n\n<p>In the shortcode, GALLERY1 is the name of the gallery. This option is available on the plugin admin page.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;jquery-accordion gallery=\"GALLERY1\"]' ); ?><\/code><\/pre>\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\">Admin Screen<\/h2>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/jquery-accordion-slideshow.png\" alt=\"jQuery Accordion Slideshow WordPress Plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n\n<p><strong>Q1. How to upload my image?<\/strong><\/p>\n\n\n\n<p>After activating the plugin in default it will fetch images from the below location.<\/p>\n\n\n\n<p>wp-content\/plugins\/jquery-accordion-slideshow\/gallery1\/<\/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 images into this default folder instead you change this default path to the original path<\/p>\n\n\n\n<p><strong>Q2. I can&#8217;t see my images in the front end?<\/strong><\/p>\n\n\n\n<p>Make sure the directory name is entered correctly on the admin page. And don&#8217;t forget the last slash (i.e. the folder path must end with a slash)<\/p>\n\n\n\n<p><strong>Q3. Where is this plugin admin option?<\/strong><\/p>\n\n\n\n<p>Go to Administration >> Setting Menu >> jQuery accordion slideshow<\/p>\n\n\n\n<p><strong>Q4. Is this plugin uses the jQuery script?<\/strong><\/p>\n\n\n\n<p>Yes, this plugin has a separate jQuery script to render the slideshow on the page.<\/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\/2011\/12\/21\/jquery-accordion-slideshow-wordpress-plugin\/\">http:\/\/www.gopiplus.com\/work\/2011\/12\/21\/jquery-accordion-slideshow-wordpress-plugin\/<\/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\/10\/29\/jquery-accordion-slideshow-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/10\/29\/jquery-accordion-slideshow-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery Accordion Slideshow is another slideshow plugin for WordPress with accordion effect using famous jQuery JavaScript. Using this WordPress plugin we can easily create a horizontal accordion image slideshow. We can customize the timeout between the slides and trigger option in the plugin administrator section. What is Accordion? Accordion is a web control that allows [&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":[186,19,20,185,6,28,5],"class_list":["post-2208","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-accordion","tag-gallery","tag-image","tag-jquery","tag-plugin","tag-slideshow","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2208","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=2208"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2208\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=2208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=2208"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=2208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}