{"id":69,"date":"2010-07-18T09:52:01","date_gmt":"2010-07-18T09:52:01","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=69"},"modified":"2021-09-05T08:41:39","modified_gmt":"2021-09-05T08:41:39","slug":"excellent-transition-gallery","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/excellent-transition-gallery\/","title":{"rendered":"Excellent transition gallery WordPress plugin"},"content":{"rendered":"\n<p>Excellent transition gallery WordPress plugin. Don&#8217;t just display images on the WordPress website, showcase them in style using this excellent transition gallery plugin. This is an image slideshow gallery that brings each image into view using 1 of 15 randomly chosen transitional effects in IE browsers. For other browsers that don\u2019t support these built-in effects, a custom fade transition is used instead. this is an XML-based image slideshow. in default, it read the image path from the XML file, after activated the plugin go to the below-mentioned path to update the images. This is an enhanced version of the super transition slideshow WordPress plugin.<\/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<p>1. Simple image gallery (galleries).<br>2. Easy installation.<br>3. Lovable transition effect on IE browser; simple fade transition on another browser.<br>4. This is an XML-based slideshow gallery.<br>5. Optionally hyperlink each images.<br>6. Optionally description for each image.<br>7. Optionally target hyperlink option for each image.<\/p>\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\/2010\/10\/10\/superb-slideshow-gallery\/\">superb slideshow gallery<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo<\/h2>\n\t  <link rel=\"stylesheet\" href=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/excellent-transition-gallery.css\" type=\"text\/css\">\n\t  <script type=\"text\/javascript\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/excellent-transition-gallery.js\"><\/script>\n\t  <script type=\"text\/javascript\">\n\t\tvar flashyshow=new excellent_transition_gallery_with_title_link_target({ \n\t\t\twrapperid: \"widget_xml1\", \n\t\t\twrapperclass: \"etgwtlt_widget_xml1\", \n\t\t\timagearray: [\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_1.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection 1\"],\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_2.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection 2\"],\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_3.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection 3\"],\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_4.jpg\", \"#\", \"_new\", \"Australia Melbourne wildlife park collection 1\"],\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_5.jpg\", \"#\", \"_new\", \"Australia Melbourne wildlife park collection 2\"],\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_6.jpg\", \"#\", \"_new\", \"Australia Melbourne great ocean drive collection 4\"],\n\t\t\t\t[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/600x400\/600x400_7.jpg\", \"#\", \"_new\", \"Incredible india hogenakkal collection 1\"]],\n\t\t\tpause: 2000, \n\t\t\ttransduration: 1000 \n\t\t})\n\t<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin excellent-transition-gallery.zip from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the excellent-transition-gallery.zip file<\/li><li>Extract the \/excellent-transition-gallery\/ folder.<\/li><li>Drop the excellent-transition-gallery folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li>In WordPress administration panels, click on plug-in from the menu.<\/li><li>You should see your new excellent transition gallery plugin listed.<\/li><li>To turn the WordPress 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 excellent transition 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 excellent-transition-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 excellent-transition-gallery.zip file and click install now.<\/li><li>Finally click activate plugin link to activate the plugin.<\/li><\/ul>\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 (three different way).<\/h2>\n\n\n\n<p><strong>Drag and drop the widget:<\/strong> Go to widget page under appearance tab, Drag and drop Excellent transition gallery widget into your side bar. It&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Use this code to add the gallery to your theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;excellent-transition-gallery filename=\"sample.xml\"]' ); ?><\/code><\/pre>\n\n\n\n<p><strong>Plugin short code for pages and post:<\/strong> Use the given short code in the page and post to generate the image gallery on the page and posts.<\/p>\n\n\n\n<p>Short code for the plugin version 1.0 to 6.0 :  <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;excellent-transition-gallery=sample.xml]<\/code><\/pre>\n\n\n\n<p>Short code for the plugin version 7.0 on-wards : <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;excellent-transition-gallery filename=\"sample.xml\"]<\/code><\/pre>\n\n\n\n<p><strong>Note: <\/strong>To best view all image should be in same size, because this plugin not generate any thumbnail to display.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to <strong>Settings<\/strong> menu and select <strong>Excellent transition gallery<\/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\/excellent-transition-gallery.png\" alt=\"Excellent transition gallery 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 &amp; height of the slideshow?<\/strong><\/p>\n\n\n\n<p>1. This plugin will not create any thumbnail of the image.<br>2. To change or use the fixed-width take &#8220;javascript.js&#8221; file from plug-in directory and go to line 63 and update the width, see below.<br><br> slideHTML+='&lt;img src=&#8221;&#8216;+this.imagearray[index][0]+'&#8221; \/>&#8217;<br> to<br> slideHTML+='&lt;img width=&#8221;200&#8243; src=&#8221;&#8216;+this.imagearray[index][0]+'&#8221; \/>&#8217;<\/p>\n\n\n\n<p><strong>Q2. How to change the slide delay time?<\/strong><\/p>\n\n\n\n<p>Go to Admin dashboard \u201cExcellent transition gallery&#8221; link under Setting menu to change the delay.<\/p>\n\n\n\n<p><strong>Q3. How to upload my image?<\/strong><\/p>\n\n\n\n<p>This is the pure XML based slideshow gallery, So we have to create the XML files. please find the default XML file and update your original image location in that.<\/p>\n\n\n\n<p>widget.xml file is the default XML file for widget gallery, so if you want to add your own images in the widget gallery, you should update this XML file with your original location.<\/p>\n\n\n\n<p>Best practice is take backup for all the XML files.<\/p>\n\n\n\n<p><strong>Q4. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>This gallery display images based on XML node order.<\/p>\n\n\n\n<p><strong>Q5. Do you want to change the gallery font style?<\/strong><\/p>\n\n\n\n<p>Open style.css file from plug-in folder, and create new class.<br> If your xml file name is &#8220;widget.xml&#8221; then create new class with the name &#8220;etgwtlt_widget_xml&#8221;.<br> .etgwtlt_sample_xml<br> {<br> font-family:Verdana;<br> font-size:10px;<br> }<\/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\/excellent-transition-gallery\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/excellent-transition-gallery\/<\/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\/work\/2012\/07\/30\/excellent-transition-gallery-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/30\/excellent-transition-gallery-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"IhCLHDp0zL\"><a href=\"https:\/\/wordpress.org\/plugins\/excellent-transition-gallery\/\">Excellent transition gallery<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Excellent transition gallery&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/excellent-transition-gallery\/embed\/#?secret=IhCLHDp0zL\" data-secret=\"IhCLHDp0zL\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Excellent transition gallery WordPress plugin. Don&#8217;t just display images on the WordPress website, showcase them in style using this excellent transition gallery plugin. This is an image slideshow gallery that brings each image into view using 1 of 15 randomly chosen transitional effects in IE browsers. For other browsers that don\u2019t support these built-in effects, [&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":[95,19,21,6,118,28,87,14,5],"class_list":["post-69","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-excellent","tag-gallery","tag-images","tag-plugin","tag-showcase","tag-slideshow","tag-transition","tag-widget","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/69","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=69"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}