{"id":335,"date":"2011-10-15T06:16:47","date_gmt":"2011-10-15T06:16:47","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=335"},"modified":"2021-09-25T04:12:25","modified_gmt":"2021-09-25T04:12:25","slug":"horizontal-carousel-image-slideshow-gallery-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/10\/horizontal-carousel-image-slideshow-gallery-joomla-module\/","title":{"rendered":"Horizontal carousel image slideshow Joomla module"},"content":{"rendered":"\n<p><strong>Horizontal carousel image slideshow<\/strong> Joomla module is a good DHTML JavaScript module for Joomla for the showcasing of images on the Joomla site. This module displays images in a 3D, carousel fashion. The slideshow can be set to either slide in from the right to left or the reverse. It retrieves images from the specific folder, we can change this folder location in the administrator section. And width and height of this slideshow are changeable in the admin.<\/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<!-- Joomla Page Center 1 - 336x280 -->\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=\"6090998934\"><\/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<!-- Joomla Page Center 2 - 336x280 -->\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=\"7338131803\"><\/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 module<\/h2>\n\n\n\n<p>The slideshow can be set to either slide in from the right to left or the reverse. that is, we have the option to rotate the images either way.<\/p>\n\n\n\n<p>The slideshow can be set to be 4-sided, 6-sided, 8-sided, or 12-sided.<\/p>\n\n\n\n<p>For example, a 4-sided slideshow means, 2 images will be in view at all times (and the other two images are behind the scene).<\/p>\n\n\n\n<p>Each image can have an optional link associated with it. As a result, images are clickable.<\/p>\n\n\n\n<p>Slideshow pauses on mouseover. That&#8217;s is, stop image rotation on mouseover.<\/p>\n\n\n\n<p>A DOM-based javascript that works in modern DHTML browsers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Similar joomla module<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Module live demo available in the page. You may also be Interested in <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/07\/horizontal-scrolling-slideshow-joomla-module\/\">Horizontal scrolling slideshow<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n<h2>Live Demo<\/h2>\n\t<script type=\"text\/javascript\">\n\tvar hcs_Image_Width=250; \n\tvar hcs_Image_Height=167; \n\tvar hcs_Border=true; \n\tvar hcs_Border_Color=\"white\"; \n\tvar hcs_Speed=2; \n\tvar hcs_Direction=true; \n\tvar hcs_NoOfSides=6; \n\thcs_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\", \"#\");\n\t<\/script>\n\t<script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/horizontal-carousel-image-slideshow.js\"><\/script>\n\t<div style=\"text-align: center;\">\n\t\t<div id=\"Carousel\" style=\"position: relative; text-align: center;\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/placeholder.gif\" height=\"100\" width=\"180\" \/>\n\t\t<\/div>\n\t<\/div>\n\t<script type=\"text\/javascript\">Carousel();<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download the <strong>Horizontal carousel image slideshow <\/strong>Joomla module from the <a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">download<\/a> location. Select the correct ZIP file depends on your Joomla version.<br>2. Login into the administrator section of your Joomla site.<br>3. In the menu, Go to <strong>System<\/strong>, <strong>Install<\/strong> and then click the <strong>Extensions<\/strong> menu.<br>4. Click <strong>Browse<\/strong> and select the module you downloaded, then click <strong>Upload &amp; Install<\/strong> button.<br>5. When your Joomla module has been uploaded and installed successfully, you will see a confirmation message.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_4.2_menu_extensions_module.png\" alt=\"Horizontal carousel image slideshow Joomla Module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a new module instance<\/h2>\n\n\n\n<p>In your Joomla administrator section go to the <strong>Site Modules<\/strong> manager (<strong>System<\/strong>, <strong>Manage<\/strong> Manager in your admin menu). You should see the module <strong>Horizontal carousel image<\/strong> slideshow listed among the others. Simply click on the module name to open the module editor.<\/p>\n\n\n\n<p>If you cannot find an instance of your new module, click the new button. The new module should be listed among the types available, select the <strong>Horizontal carousel image<\/strong> slideshow which will create a new instance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module configuration<\/h2>\n\n\n\n<p>In your Joomla administrator section go to <strong>Site Modules<\/strong> and select <strong>Horizontal carousel image<\/strong> module from the list then click <strong>Module<\/strong> tab to add\/update the default configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_horizontal_carousel_image_slideshow\/mod_horizontal_carousel_image_slideshow.png\" alt=\"Horizontal carousel image slideshow Joomla Module\"\/><\/figure>\n\n\n\n<p>Title: It is essential to set a title for the module. However, we have the option to disable it from view.<br>Position: The position on the page where the module will be displayed.<br>Status: The module needs to be published in order for it to display.<br>Module Assignment: Assign the module to all pages.<\/p>\n\n\n\n<p>Image folder: Path to the image folder relative to the site URL.<br>Link: A URL to redirect to if the image is clicked upon. (For example, http:\/\/www.gopiplus.com)<br>Width: Enter the width of the slideshow. (For example, 200)<br>Height: Enter the height of the slideshow. (For example, 150)<br>Speed of the slideshow: Enter the speed of the slideshow<br>The direction of the slideshow: Select your carousel direction<br>Slideshow side: Select the number of slides you want to display.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/10\/horizontal-carousel-image-slideshow-gallery-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/10\/horizontal-carousel-image-slideshow-gallery-joomla-module\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download link<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">http:\/\/www.gopiplus.com\/extensions\/download\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Joomla page<\/h2>\n\n\n\n<p><a href=\"https:\/\/extensions.joomla.org\/extension\/horizontal-carousel-image-slideshow\/\">https:\/\/extensions.joomla.org\/extension\/horizontal-carousel-image-slideshow\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Joomla module is a good DHTML JavaScript plugin for the showcasing of images on your site. It display images in a 3D, carousel fashion. Slideshow can be set to either slide in from right to left, or the reverse.<\/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":[37,7,8,11],"class_list":["post-335","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-carousel","tag-joomla","tag-module","tag-slideshow"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/335\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}