{"id":41,"date":"2010-07-18T09:30:18","date_gmt":"2010-07-18T09:30:18","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=41"},"modified":"2021-10-05T15:25:49","modified_gmt":"2021-10-05T15:25:49","slug":"translucent-image-slideshow-gallery","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/translucent-image-slideshow-gallery\/","title":{"rendered":"Translucent image slideshow gallery WordPress plugin"},"content":{"rendered":"\n<p><strong>Translucent image slideshow gallery<\/strong> WordPress plugin will create an image slideshow in the WordPress website and the widget. It&#8217;s not a simple image display. Images are animated from the left edge, with a translucent effect applied during the process. Each image can be optionally hyper-linked.<\/p>\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 installation.<\/li><li>Easy slide show size (width &amp; height) override option.<\/li><li>Slideshow automatically pauses on mouse over<\/li><\/ul>\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<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin live demo available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/04\/25\/wordpress-plugin-left-right-image-slideshow-gallery\/\">Left right image slideshow gallery<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n<h2 style=\"padding-bottom:10px;\">Live Demo<\/h2>\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/mod_translucent_image_slideshow.js\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\nvar TISG=new TISG_translideshow({\n\tTISG_wrapperid: \"myslideshow_1\",\n\tTISG_dimensions: [700, 450],\n\tTISG_imagearray: [[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"],\n[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"],\n[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"],\n[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"http:\/\/www.gopiplus.com\/work\/\", \"_self\"]],\n\tTISG_displaymode: {type:'auto', pause:3000, cycles:15, pauseonmouseover:true},\n\tTISG_orientation: \"h\", \n\tTISG_persist: true, \n\tTISG_slideduration: 400\n})\n<\/script>\n<div><div id='myslideshow_1'><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Drag and drop the widget:<\/strong> Go to widget page under appearance tab, Drag and drop Translucent slideshow widget into your sidebar. It&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Add directly in the theme: <\/strong>Use this code to add the widget to your theme files directly.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if (function_exists (TISG_slideshow)) TISG_slideshow(); ?><\/code><\/pre>\n\n\n\n<p><strong>Shortcode for pages\/posts: <\/strong> Copy and paste the given shortcode into pages or posts. <\/p>\n\n\n\n<p>We have 5 shortcodes for this plugin. In the admin we have 5 text boxes to enter the image directory each shortcode is for one image directory. admin should enter the image directory in that text box.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;translucent-show code=\"SD0\" width=\"200\" height=\"150\" delay=\"3000\" speed=\"400\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;translucent-show code=\"SD1\" width=\"200\" height=\"150\" delay=\"3000\" speed=\"400\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;translucent-show code=\"SD2\" width=\"200\" height=\"150\" delay=\"3000\" speed=\"400\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;translucent-show code=\"SD3\" width=\"200\" height=\"150\" delay=\"3000\" speed=\"400\"]<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;translucent-show code=\"SD4\" width=\"200\" height=\"150\" delay=\"3000\" speed=\"400\"]<\/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\">Installation  instruction and configuration<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin translucent-image-slideshow-gallery.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the translucent-image-slideshow-gallery.zip file<\/li><li>Extract the \/translucent-image-slideshow-gallery\/ folder.<\/li><li>Drop the translucent-image-slideshow-gallery folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li>In WordPress administration panels, click on plugin from the menu.<\/li><li>You should see your new translucent image slideshow gallery plugin listed.<\/li><li>To turn the word press plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your WordPress admin.<\/li><li>Search translucent image slideshow gallery plugin using search option.<\/li><li>Find the plugin and click &#8216;Install Now&#8217; link.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin translucent-image-slideshow-gallery.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Go to &#8216;add new&#8217; menu under &#8216;plugins&#8217; tab in your WordPress admin.<\/li><li>Select upload link (top link menu).<\/li><li>Upload the available translucent-image-slideshow-gallery.zip file and click install now.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select the <strong>Translucent slideshow<\/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\/translucent-image-slideshow-gallery.png\" alt=\"Translucent 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 arrange the width and height of the slideshow?<\/strong><\/p>\n\n\n\n<p>Sign in to your <strong>Dashboard<\/strong>, go to the <strong>Settings<\/strong> menu and finally click the <strong>Translucent slideshow<\/strong> menu.<\/p>\n\n\n\n<p>The above option is only for widgets, for pages and posts this option is available in the shortcode itself.<\/p>\n\n\n\n<p><strong>Q2. How to change the slide delay time?<\/strong><\/p>\n\n\n\n<p>In the Translucent slideshow menu. we have a separate option to update the slide delay and speed and this is for the widget. and the similar option available in the shortcode. Thus, use the shortcode parameter to change the sliding delay.<\/p>\n\n\n\n<p><strong>Q3. Where and how to upload my image?<\/strong><\/p>\n\n\n\n<p>In the plugin admin page, we have the &#8220;Image directory&#8221; text box to enter the image folder. your images should available in that folder. <\/p>\n\n\n\n<p>Example (default folder) :<\/p>\n\n\n\n<p>wp-content\/plugins\/translucent-image-slideshow-gallery\/gallery\/<\/p>\n\n\n\n<p>No<strong>te :<\/strong><br>The folder directory path should start with the &#8220;wp-content&#8221; folder (see above example).<br>The folder directory path should end with slash &#8220;\/&#8221; (see above example)<\/p>\n\n\n\n<p>You have to change this folder location to your original location. (<strong>Best practice<\/strong> is don\u2019t upload your original image into this default folder instead you change this default path to the original path)<\/p>\n\n\n\n<p><strong>Q4. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>The file names are returned in the order in which they are stored by the file system.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video tutorial<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2011\/07\/15\/translucent-image-slideshow-gallery-wordpress-plugin-video-tutorial\/\">http:\/\/www.gopiplus.com\/work\/2011\/07\/15\/translucent-image-slideshow-gallery-wordpress-plugin-video-tutorial\/<\/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\/2010\/07\/18\/translucent-image-slideshow-gallery\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/translucent-image-slideshow-gallery\/<\/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\/07\/05\/translucent-image-slideshow-gallery-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/05\/translucent-image-slideshow-gallery-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/translucent-image-slideshow-gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/translucent-image-slideshow-gallery\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This plugin will create a image slideshow on the website and the widget. It&#8217;s not a simple image display.  Images are animated in from the left edge, with a translucent effect applied during the process. <\/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":[19,20,6,172,28,73,5],"class_list":["post-41","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-image","tag-plugin","tag-slider","tag-slideshow","tag-translucent","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/41","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=41"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/41\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}