{"id":1965,"date":"2011-10-14T14:15:14","date_gmt":"2011-10-14T14:15:14","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=1965"},"modified":"2021-03-28T14:19:20","modified_gmt":"2021-03-28T14:19:20","slug":"horizontal-carousel-image-slideshow-wordpress-plugin","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2011\/10\/14\/horizontal-carousel-image-slideshow-wordpress-plugin\/","title":{"rendered":"Horizontal carousel image slideshow"},"content":{"rendered":"<p><strong>Horizontal carousel image slideshow<\/strong> WordPress plugin is a good DHTML JavaScript script plugin for the showcasing of images on your site. It displays images in a 3D, carousel fashion. The script idea is originally taken from some website via Google search.<\/p>\n<p><strong>Features of this plugin<\/strong><\/p>\n<ul>\n<li>Slideshow can be set to either slide in from right to left, or the reverse.<\/li>\n<li>Slideshow can be set to be 4-sided, 6, 8, or 12.<\/li>\n<li>Example : 4-sided slideshow means, 2 images will be in view at all times (the other 2 behind the scene).<\/li>\n<li>Each image can have an optional link associated with it.<\/li>\n<li>Slideshow <strong>pauses<\/strong> on mouseover.<\/li>\n<li>A DOM based script that works in modern DHTML browsers- <strong>Firefox, IE5+, NS6+, Opera 7+<\/strong>.<\/li>\n<\/ul>\n<p>[GOPIPLUS-ADS=AD1]<\/p>\n<blockquote><p>See the Live Demo below. if you want to scroll the images vertically? use my <strong><a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-carousel-slideshow\/\">Vertical carousel slideshow<\/a><\/strong> WordPress plugin.<\/p><\/blockquote>\n<p><strong>Live demo<\/strong><\/p>\n<p><script type=\"text\/javascript\">var hcs_Image_Width=250; var hcs_Image_Height=167; var hcs_Border=true; var hcs_Border_Color=\"white\"; var hcs_Speed=2; var hcs_Direction=true; var hcs_NoOfSides=6; hcs_Image_Sources=new Array(\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_1.jpg\", \"#\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_6.jpg\", \"\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_2.jpg\", \"#\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_3.jpg\", \"#\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_5.jpg\", \"\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_4.jpg\", \"#\");<\/script><script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/plugins\/horizontal-carousel-image-slideshow\/horizontal-carousel-image-slideshow.js\"><\/script><\/p>\n<div style=\"text-align:center;\">\n<div id=\"Carousel\" style=\"position: relative;text-align:center;\">\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/plugins\/horizontal-carousel-image-slideshow\/placeholder.gif\" height=\"169\" width=\"504\">\n<\/div>\n<\/div>\n<p><script type=\"text\/javascript\">Carousel();<\/script><\/p>\n<p>[GOPIPLUS-ADS=AD5]<\/p>\n<p><strong>Installation instruction<\/strong><\/p>\n<p><strong>Method 1<\/strong><\/p>\n<ol>\n<li>Download the plugin horizontal-carousel-image-slideshow.zip from the <strong><a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a><\/strong> location.<\/li>\n<li>Unpack the *.zip file and extract the \/horizontal-carousel-image-slideshow\/ folder.<\/li>\n<li>Drop the horizontal-carousel-image-slideshow folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li>\n<li>In word press administration panels, click on plug-in from the menu.<\/li>\n<li>You should see your new horizontal carousel image slideshow plug-in listed.<\/li>\n<li>To turn the word presses plug-in on, click activate.<\/li>\n<\/ol>\n<p><strong>Method 2<\/strong><\/p>\n<ol>\n<li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your word-press admin.<\/li>\n<li>Search horizontal carousel image slideshow using search option.<\/li>\n<li>Find the plugin and click &#8216;Install Now&#8217; link.<\/li>\n<li>Finally click activate plug-in link to activate the plug-in.<\/li>\n<\/ol>\n<p><strong>Method 3<\/strong><\/p>\n<ol>\n<li>Download the plugin horizontal-carousel-image-slideshow.zip from <strong><a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a><\/strong> location.<\/li>\n<li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your word-press admin.<\/li>\n<li>Select upload link (top link menu).<\/li>\n<li>Upload the available horizontal-carousel-image-slideshow.zip file and click install now.<\/li>\n<li>Finally click activate plug-in link to activate the plug-in.<\/li>\n<\/ol>\n<p><strong>Plugin configuration<\/strong><\/p>\n<p>Short code for pages and posts: use the given short code in the pages and posts to display the gallery. Gallery width, height option available in the short code.<\/p>\n<p><strong>Short code<\/strong><\/p>\n<p>[CAROUSELSHOW:GROUP=GROUP1:W=250:H=167:SPEED=2:DIRECTION=LR:SIDES=6]<\/p>\n<p><strong>Short code explanation<\/strong><\/p>\n<p>GROUP : This is to group the images, the option available in the admin image management page.<\/p>\n<p>W : Width of the gallery.<\/p>\n<p>H : Height of the gallery.<\/p>\n<p>SPEED : Speed of the carousel effect.<\/p>\n<p>DIRECTION : Direction of the carousel (LR = LeftRight, RL = RightLeft). Use any one (LR\/RL).<\/p>\n<p>SIDES : This is to mention carousel sides (Only 4, 6, 8 and 12)<\/p>\n<p><strong>Admin image management page<\/strong><\/p>\n<p>Administration \u2192 Settings \u2192 Horizontal carousel image slideshow<\/p>\n<p><strong>Frequently Asked Questions<\/strong><\/p>\n<p>Q1. Is possible to create the vertical carousel slideshow?<br \/>\nTo do this Use my another plugin called <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-carousel-slideshow\/\"><strong>Vertical carousel slideshow<\/strong><\/a>.<\/p>\n<p>Q2. Browser support?<br \/>\nFirefox, IE5+, NS6+, Opera 7+.<\/p>\n<p>Q3. Is possible to add hyperlink to each images?<br \/>\nYes, option available in the image management page.<\/p>\n<p>Q4. How plugin manages the display order?<br \/>\nIn default it displays the images in random order.<\/p>\n<p>Q5. What about the sides of the gallery?<br \/>\nThis carousel slideshow, So the side of the plugin should be 4, 6, 8, or 12<\/p>\n<p><strong>Download location<\/strong><\/p>\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horizontal carousel image slideshow WordPress plugin is a good DHTML JavaScript script plugin for the showcasing of images on your site. It displays images in a 3D, carousel fashion. The script idea is originally taken from some website via Google search. Features of this plugin Slideshow can be set to either slide in from right [&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":[90,75,20,28],"class_list":["post-1965","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-carousel","tag-horizontal","tag-image","tag-slideshow"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/1965","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=1965"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/1965\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=1965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=1965"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=1965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}