{"id":435,"date":"2012-03-10T02:23:09","date_gmt":"2012-03-10T02:23:09","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=435"},"modified":"2021-09-19T06:54:17","modified_gmt":"2021-09-19T06:54:17","slug":"photo-text-slider-joomla-module","status":"publish","type":"post","link":"https:\/\/www.gopiplus.com\/extensions\/2012\/03\/photo-text-slider-joomla-module\/","title":{"rendered":"Photo text slider Joomla module"},"content":{"rendered":"\n<p>This is the Joomla version of the <strong>Wp photo text slider<\/strong> WordPress plugin. It uses jQuery for the sliding effect. With this module, we can create a beautiful slider optionally contain heading, image, and content.<\/p>\n\n\n\n<p>Four different slider options are available in this module. Left to Right, Right to Left, Up to Down, Down to Up, and this module supports all the browser&#8217;s latest versions. and this module supports responsive view thus this fits all the screen sizes. This module has a separate CSS file. If you know basic CSS, then it will be easy for you to style it the way you like.<\/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\">Module features<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Multiple time we can add this the same page.<\/li><li>Each image is optionally hyper lined.<\/li><li>Option to show description along with image.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Module <strong>live demo<\/strong> available in this page. Follow the <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/06\/02\/wordpress-plugin-wp-photo-slider-50\/\">link<\/a> to find the same slider for WordPress. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/11\/joomla-module-fancy-image-show\/\">Fancy Image Show<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n  <h2>Live Demo<\/h2>\n  <link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/wp-photo-text-slider-50.css\" \/>\n  <div id=\"wp_50_photo1\" style=\"background-color: #F2F2F2;height:300px\">\n\t<div class=\"post\">\n\t\t<h2>Title: Photo slider demo text 1<\/h2>\n\t\t<div class=\"thumb\">\n\t\t  <a href=\"http:\/\/www.gopiplus.com\/work\/\" target=\"_blank\">\n\t\t\t<img decoding=\"async\" style=\"border: 0px; margin: 0px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/200x150\/sing_1.jpg\" alt=\"wp photo slider\" \/>\n\t\t  <\/a>\n\t\t<\/div>\n\t\tDesc: This is demo text for photo text slider Joomla module. It uses the JQuery for the sliding effect. With this module we can create the beautiful slider optionally contain heading, image and content.\n\t<\/div>\n\t<div class=\"post\">\n\t\t<h2>Title: Photo slider demo text 2<\/h2>\n\t\t<div class=\"thumb\">\n\t\t  <a href=\"http:\/\/www.gopiplus.com\/work\/\" target=\"_blank\">\n\t\t\t<img decoding=\"async\" style=\"border: 0px; margin: 0px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/200x150\/sing_2.jpg\" alt=\"wp photo slider\" \/>\n\t\t  <\/a>\n\t\t<\/div>\n\t\tDesc: This is demo text for photo text slider Joomla module. It uses the JQuery for the sliding effect. With this module we can create the beautiful slider optionally contain heading, image and content.\n\t<\/div>\n\t<div class=\"post\">\n\t\t<h2>Title: Photo slider demo text 3<\/h2>\n\t\t<div class=\"thumb\">\n\t\t  <a href=\"http:\/\/www.gopiplus.com\/work\/\" target=\"_blank\">\n\t\t\t<img decoding=\"async\" style=\"border: 0px; margin: 0px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/200x150\/sing_3.jpg\" alt=\"wp photo slider\" \/>\n\t\t  <\/a>\n\t\t<\/div>\n\t\tDesc: This is demo text for photo text slider Joomla module. It uses the JQuery for the sliding effect. With this module we can create the beautiful slider optionally contain heading, image and content.\n\t<\/div>\n\t<div class=\"post\">\n\t\t<h2>Title: Photo slider demo text 4<\/h2>\n\t\t<div class=\"thumb\">\n\t\t  <a href=\"http:\/\/www.gopiplus.com\/work\/\" target=\"_blank\">\n\t\t\t<img decoding=\"async\" style=\"border: 0px; margin: 0px;\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/200x150\/sing_4.jpg\" alt=\"wp photo slider\" \/>\n\t\t  <\/a>\n\t\t<\/div>\n\t\tDesc: This is demo text for photo text slider Joomla module. It uses the JQuery for the sliding effect. With this module we can create the beautiful slider optionally contain heading, image and content.\n\t<\/div>\n  <\/div>\n  <script type=\"text\/javascript\">\n  jQuery(function() {\n  \tjQuery('#wp_50_photo1').cycle({\n\t\tfx: 'scrollLeft',\n\t\tspeed: 700,\n\t\ttimeout: 5000});\n\t});\n  <\/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>Photo text slider<\/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 Browse 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<h2 class=\"wp-block-heading\">Module screen for Joomla 3.7<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_3.6_menu_extensions_module.png\" alt=\"Joomla menu for extensions module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Module screen for Joomla 4.0<\/h2>\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=\"Joomla menu for extensions 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 admin, go to the <strong>Site Modules<\/strong> (System, Manage in your admin menu). You should see the module <strong>Photo text slider<\/strong> 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 <strong>Photo text slider<\/strong> which will create a new instance.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Joomla Page Center 3 -->\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=\"4975101454\"><\/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\">Module configuration<\/h2>\n\n\n\n<p>In your administrator section go to Manage, <strong>Site Modules<\/strong>, and then select <strong>Photo text slider<\/strong> module. On this page, we have options to enter Title, Description, Image, and Link for the slider.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Photo text slider<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_photo_text_slider\/mod_photo_text_slider.png\" alt=\"Photo text slider\"\/><\/figure>\n\n\n\n<p>Include jQuery: This module using jQuery for cycle news, If you have jQuery include in other modules, and you don\u2019t want to double include, choose <strong>NO<\/strong> in this option.<\/p>\n\n\n\n<p>Slider direction: This is to select the slider direction.<br>Speed: This is to manage the cycle speed (Only number)<br>Timeout: This is to manage the cycle delay (Only number)<\/p>\n\n\n\n<p>Title: Title for your slider.<br>Link: When someone clicks on the title or images, where do you want to send them.<br>Image path: Full path of the image, where is the image located on the site.<br>Description: Detail description of this slider.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q) My slider is not working. what do I need to do?<\/strong><\/p>\n\n\n\n<p>This might be due to the jQuery issue. from your parameter change the &#8220;Include jQuery&#8221; option to YES and try again.<\/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\/2012\/03\/photo-text-slider-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2012\/03\/photo-text-slider-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\/photo-text-slider\/\">https:\/\/extensions.joomla.org\/extension\/photo-text-slider\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the Joomla version of Wp photo text slider 50 wordpress plugin. It uses the Jquery for the sliding effect. With this module we can create the beautiful slider optionally contain heading, image and content.<\/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":[7,8,42,43],"class_list":["post-435","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-joomla","tag-module","tag-photo","tag-slider"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":0,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}