{"id":2855,"date":"2012-05-26T16:08:36","date_gmt":"2012-05-26T16:08:36","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=2855"},"modified":"2021-09-04T02:56:01","modified_gmt":"2021-09-04T02:56:01","slug":"tiny-carousel-horizontal-slider-wordpress-plugin","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2012\/05\/26\/tiny-carousel-horizontal-slider-wordpress-plugin\/","title":{"rendered":"Tiny carousel horizontal slider WordPress plugin"},"content":{"rendered":"\n<p>This is jQuery based image <strong>horizontal slider<\/strong> plugin, it is using <strong>a tiny carousel<\/strong> light-weight jQuery script to the slideshow. in the admin, we have the option to set the image folder location and the option to change gallery style. in this plugin, there is no option to add descriptions for the images. We have many horizontal slideshow plugins on this website, please have look.<\/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<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to customize.<\/li><li>Support all browser.<\/li><li>Automatically pauses on mouse over.<\/li><li>Short code available for pages and posts.<\/li><li>Supports navigation by button.<\/li><li>Option to set number of images to move at a time<\/li><li>Option to set a interval for automatic slide.<\/li><li>Supports localization<\/li><li>Responsive<\/li><\/ul>\n\n\n<div class=\"livedemo1\">\n<h2>Live Demo<\/h2>\n<script type='text\/javascript' src='http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/jquery.tinycarousel.min.js'><\/script>\n<style type='text\/css' media='screen'>\n#tchsp { height: 100%; margin: 30px 0 0; overflow:hidden; position: relative; padding: 0 50px 10px;   }\n#tchsp .viewport { height: 167px; overflow: hidden; position: relative; }\n#tchsp .buttons { background: #CCCCCC; border-radius: 35px; display: block; position: absolute;\ntop: 20%; left: 0; width: 35px; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none;\nfont-size: 22px; }\n#tchsp .next { right: 0; left: auto;top: 20%; }\n#tchsp .buttons:hover{ color: #C01313;background: #fff; }\n#tchsp .disable { visibility: hidden; }\n#tchsp .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 250px; left: 0 top: 0; }\n#tchsp .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 200px; border: 1px solid #dcdcdc; width: 250px;}\n#tchsp ul { max-width:none; }\n<\/style>\n<div id=\"tchsp\">\n\t<a class=\"buttons prev\" href=\"#\">&lt;<\/a>\n\t<div class=\"viewport\">\n\t\t<ul class=\"overview\" style=\"width:100%;\">\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_1.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_2.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_3.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_4.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_5.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_6.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_1.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_2.jpg\" alt=\"\" \/><\/li>\n\t\t\t<li><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/250x167\/250x167_3.jpg\" alt=\"\" \/><\/li>\n\t\t<\/ul>\n\t<\/div>\n\t<a class=\"buttons next\" href=\"#\">&gt;<\/a>\n<\/div>\n<script type=\"text\/javascript\">\njQuery(document).ready(function(){\n\tjQuery('#tchsp').tinycarousel({ \n\t\tbuttons: true, \n\t\tinterval: true, \n\t\tintervalTime: 4000, \n\t\tanimationTime: 1000 \n\t});\n});\n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin installation instruction<\/h2>\n\n\n\n<p><strong>Install the plugin using WordPress plugin search<\/strong><\/p>\n\n\n\n<p>Go to your WordPress admin area and click on <strong>Plugins<\/strong> >> <strong>Add New<\/strong>. Search <strong>Tiny carousel horizontal slider<\/strong> plugin using the search option. Find the plugin and click <strong>Install Now<\/strong> link. Finally, click activate plugin link to activate the plugin.<\/p>\n\n\n\n<p><strong>Install the plugin using the WordPress admin plugin upload button<\/strong><\/p>\n\n\n\n<p>Download the plugin <strong>tiny-carousel-horizontal-slider.zip<\/strong> from the download location. Go to <strong>Plugins<\/strong> >> <strong>Add New<\/strong> in your WordPress admin. Click the <strong>upload plugin<\/strong> button. Upload the available <strong>tiny-carousel-horizontal-slider.zip<\/strong> file and click <strong>Install Now<\/strong>. Finally, click activate plugin link to activate the plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin administration<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select the <strong>Tiny carousel<\/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\/tiny-carousel-horizontal-slider-1.png\" alt=\"Tiny carousel WordPress plugin\"><\/figure>\n\n\n\n<p>Activate the plugin and go to the above-mentioned path in your WordPress dashboard to plugin management.<\/p>\n\n\n\n<p><strong>Image Width:<\/strong> Enter images width (We should upload the same size images in the folder)<\/p>\n\n\n\n<p><strong>Image Height:<\/strong> Enter images height (We should upload the same size images in the folder)<\/p>\n\n\n\n<p><strong>Display:<\/strong> Enter how many images you want to move at a time.<\/p>\n\n\n\n<p><strong>Controls:<\/strong> Want to use the Left, Right arrow button?<\/p>\n\n\n\n<p><strong>Interval:<\/strong> Auto interval to move one image from another.<\/p>\n\n\n\n<p><strong>Interval Time:<\/strong> Auto interval time in milliseconds.<\/p>\n\n\n\n<p><strong>Duration:<\/strong> Animation duration in milliseconds.<\/p>\n\n\n\n<p><strong>Image Folder Location:<\/strong> Enter your image folder location. Please Don\u2019t upload your original images into this default folder instead you change this default path to the original path, also don&#8217;t upload any images in the plugin folder. you may lose the images when you update 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\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Add the below PHP code in your theme PHP file, for example, if you want to add this slider in your website footer, just activate the plugin and add this code in the footer.php file.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;tiny-carousel-slider id=\"1\"]' ); ?><\/code><\/pre>\n\n\n\n<p><strong>Shortcode<\/strong> for posts and pages: Use the below shortcode in the pages and posts to render the slideshow.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;tiny-carousel-slider id=\"1\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1) How to change the arrow button?<\/strong><\/p>\n\n\n\n<p>Use can replace the new arrow image in the plugin folder.<br>\nwp-content\/plugins\/tiny-carousel-horizontal-slider\/buttons.png<\/p>\n\n\n\n<p><strong>Q2) What type of image file formats can I use? <\/strong><\/p>\n\n\n\n<p>You can upload *.JPG, *.JPEG, *.GIF, *.PNG<\/p>\n\n\n\n<p><strong>Q3) Any special instruction?<\/strong><\/p>\n\n\n\n<p>Yes, Don&#8217;t upload any sideshow images in the plugin folder. you may be lost it when you update the plugin.<\/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\/05\/26\/tiny-carousel-horizontal-slider-wordpress-plugin\/\">http:\/\/www.gopiplus.com\/work\/2012\/05\/26\/tiny-carousel-horizontal-slider-wordpress-plugin\/<\/a><\/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\/2012\/05\/26\/tiny-carousel-horizontal-slider-wordpress-plugin\/\">http:\/\/www.gopiplus.com\/work\/2012\/05\/26\/tiny-carousel-horizontal-slider-wordpress-plugin\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is jQuery based image horizontal slider plugin, it is using a tiny carousel light-weight jQuery script to the slideshow. in the admin, we have the option to set the image folder location and the option to change gallery style. in this plugin, there is no option to add descriptions for the images. We have [&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,185,6,172,5],"class_list":["post-2855","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-carousel","tag-jquery","tag-plugin","tag-slider","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2855","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=2855"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2855\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=2855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=2855"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=2855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}