Excellent transition gallery
July 18, 2010 |
Posted by:
Gopi R |
Wordpress plugin |
37 Comments |
Don’t just display images in 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’t support these built in effects, a custom fade transition is used instead. this is a XML based image slideshow. in default it read image path from the XML file, after activated the plugin go to below mentioned path to update the images. This is enhanced version of super transition slideshow wordpress plugin.
Features of this plugin
1. Simple image gallery (galleries).
2. Easy installation.
3. Lovable transition effect on IE browser; simple fade transition on other browser.
4. This is an XML based slideshow gallery.
5. Optionally hyperlink each images.
6. Optionally description for each image.
7. Optionally target hyperlink option for each image.
See live demo on sidebar; also in the post. all images are hyperlink with different url. Do you want to show the image with full description? then use my superb slideshow gallery WordPress plugin
Installation instruction
Method 1
- Download the plugin excellent-transition-gallery.zip from download directory.
- Unpack the excellent-transition-gallery.zip file
- Extract the /excellent-transition-gallery/ folder.
- Drop the excellent-transition-gallery folder into your ‘wp-content/plugins’ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new excellent transition gallery plug-in listed.
- To turn the word presses plug-in on, click activate.
Method 2
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Search excellent transition gallery plugin using search option.
- Find the plugin and click ‘Install Now’ link.
- Finally click activate plug-in link to activate the plug-in.
Method 3
- Download the plugin excellent-transition-gallery.zip from download link.
- Go to ‘add new’ menu under ‘plugins’ tab in your word press admin.
- Select upload link (top link menu).
- Upload the available excellent-transition-gallery.zip file and click install now.
- Finally click activate plug-in link to activate the plug-in.
Plugin configuration (three different way).
Drag and drop the widget: Go to widget page under appearance tab, Drag and drop Excellent transition gallery widget into your side bar. It’s very easy.
Add directly in the theme: Use this code, <?php if (function_exists (etgwtlt_show)) etgwtlt_show(); ?> to add the gallery to your Theme files.
Plugin short code for pages and post: Use the given short code in the page and post to generate the image gallery on the page and posts. [excellent-transition-gallery=sample.xml]
Live demo : The below demo created using plugin short code
Note: To best view all image should be in same size, because this plugin not generate any thumbnail to display.
Frequently Asked Questions
Q1. How to arrange the width & height of the slideshow?
1. This plug-in will not create any thumbnail of the image.
2. To change or use the fixed width take “javascript.js” file from plug-in directory and go to line 63 and update the width, see below.
slideHTML+=’<img src=”‘+this.imagearray[index][0]+’” />’
to
slideHTML+=’<img width=”200″ src=”‘+this.imagearray[index][0]+’” />’
Q2.How to change the slide delay time?
Go to Admin “excellent-transition-gallery” link under Setting menu to change the delay.
Q3.Where to upload my image?
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.
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.
Best practice is take backup for all the xml file.
Q4.how the slide show manages the order?
This gallery display images based on XML node order.
Q5.Do you want to change the gallery font style?
Take style.css file from plug-in floder, and create new class.
If your xml file name is “widget.xml” then create new class with the name “etgwtlt_widget_xml”.
.etgwtlt_sample_xml
{
font-family:Verdana;
font-size:10px;
}
Download link
Other slideshow plugin
Hi Gopi!
I’m just starting up a personal site at kempff.se/joakim.
I want to change the timing in your excellent plugin Excellent-transition-gallery but as I change and try to save changes, they change back. What can I do?
I have changed the Image size according to your faq. That works perfect.
Best regards,
Joakim
Hi, Your site looks good, go to setting page to change the time duration.
How to resolve.
Pause:
Only Number / Pause between content change (millisec)
When you change it from 2000. It goes right back to 2000. Is it set to this and can not be changed ?
Thanks
Joe Johnson jjohnson@n-ppi.com
Hi,
I can’t find any way to change the title of the widget neither the possibility to hide the title and the bottom caption of each slide.
How can I do this without editing the .php manually?
Tjanks
Riccardo
I dont see any responses on how to control the pause between images….it ALWAYS resets itself to 2000.
Any response…others have asked with no answers yet
Hi friends, i think some problem in the “Pause” field updation, at present we cant edit the Pause field, its always 2000, i will find & correct the problem in the next version, please take backup ur XML files before update this plugin. thanks
Hello Gopi,
I’m trying the gallery that seems to work fine. I’ve 2 question though:
1) Is there a way to eliminate the title? The aim is to have a box with no heading, but, if I leave the title blank in the settings page, on the top of the widget there’s a thin horizontal line of the bckg color. I suggest rather to test wether title is blank: if it is, skip the code sniplet that inserts the heading
2) How is it possible to have different galleries in different widgets?
Thank you!
Regards
Riccardo
Hi Buddy,
It is really nice! I am loving it!
Would you add the navigation function in the slide? It would be the perfect plugin!
Thanks!
I also would like to use different galleries in different widgets. Is this possible?
different galleries in different page ?? yes, its possible, in this website also i used different gallery in the each page. yes based on the URL render the widget.
Actually, I meant different widgets on one page..not necessarily different pages. I would like to have it twice on once page (different galleries of course) but I don’t find the ability more than once for putting it in a widget.
In the widget we cant add more then one, bcos if we add more then one , the java-script conflict each other. ill try this in the next version.
have this plugin working and i like it a lot. Once I figured out the xml editing it was very easy.
I have 2 questions:
– I have a slight jump between transactions I deleted all but one transition (probably an easier way?) but it jumps just slightly.
– Any idea when the next update will come to change the pause from 2000? Or anyplace in the code that I can change it myself until then?
The site is under construction…as soon as it is complete I’ll post it (and send a donation) I’m so happy to see it work in IE8 plus on a64 bit machine and a MAC! Good work
i will update you once i have updated the plugin,
Gopi,
I tried Excellent transition gallery plugin on above mentioned website, but it is unable to display images. I cross checked xml file, js script etc. everything seems perfectly in place. But still it is not working.
Before uploading this plugin, I have tried on my desktop (setup as webserver for testing purpose) and it is working fine. But same code with update xml is not working in actual production environment
Your input will be highly appreciated
Hi Gopi,
Yesterday, I tried almost all your xml based image gallery plugin. But none of them is working on my live website. I cross checked xml files, js script etc. All these plugins are working fine on my desktop (configured as web server).
Due know what might be the issue? why these plugins are failing in live environment.
To test these plugin I have created test page as below
http://bhavienterprises.com/?page_id=263
Can you pls help me
Hi!
I’m developing a website to a customer. I installed the excellent-transition-gallery and it was working fine.
Today I put the code in the page to display the gallery. When I entered the website, there was the following error message:
PHP Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in E:\home\nipro\Web\intranet\wp-content\plugins\excellent-transition-gallery\excellent-transition-gallery.php on line 66
PHP Warning: DOMDocument::load(http://www.nipro.com.br/intranet/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in E:\home\nipro\Web\intranet\wp-content\plugins\excellent-transition-gallery\excellent-transition-gallery.php on line 66
PHP Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “http://www.nipro.com.br/intranet/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml” in E:\home\nipro\Web\intranet\wp-content\plugins\excellent-transition-gallery\excellent-transition-gallery.php on line 66
So, I installed the plugin in another wordpress account (same version) and it worked! I don`t know what’s going on. Do you know what I can do to fix the problem?
Tkx
[...] developed by CodEasily.com – WordPress Flash Templates, WordPress Themes and WordPress plugins The Flash Player and a browser with Javascript support are needed. var swfdiv=document.getElementById('sofilms_c1');swfdiv.style.display='none';setTimeout(function(){swfdiv.style.display='block';},3000); var sofilms_c1 = { params : { wmode : "window", allowfullscreen : "true", menu : "false", bgcolor : "#262626"}, flashvars : { path : "http://metacinema.net/wp-content/plugins/flagallery-skins/default_int/", gID : "films", galName : "Gallery", width : "100%", height : "500"}, attr : { styleclass : "flashalbum", id : "sofilms_f1", name : "sofilms_f1"}, start : function() { swfobject.embedSWF("http://metacinema.net/wp-content/plugins/flagallery-skins/default_int/gallery.swf", "sofilms_c1", "100%", "500", "10.0.0", "http://metacinema.net/wp-content/plugins/flash-album-gallery/skins/expressInstall.swf", this.flashvars, this.params , this.attr ); swfobject.createCSS("#sofilms_f1","outline:none"); } } sofilms_c1.start(); ‘ 4/6 Click to see translucent image slideshow gallery [...]
I am trying out your plugin and so far I really like it. However, I found that if I change the xml file name to any name other than “widget” it ignores the css. I tried changing the “widget” names in the CSS to my preferred xml file name but that didn’t help either. Am I overlooking something, or is there something else I need to do?
Thanks.
Hi is there a way to disable the images from being paused when the mouse is over the gallery? at present, if there is not URL link and the cursor stays as an arrow, when over the images, the slider stops until the mouse is not over it.
i figured it out, simply remove mouseover & mouseout
If you want to change the pause time you can’t use the settings screen. I changed it in the sourcecode. You have to change the next line in javascript.js:
setInterval(function(){slideshow.rotate()}, this.pause)
to
setInterval(function(){slideshow.rotate()}, time in milliseconds)
example:
setInterval(function(){slideshow.rotate()}, 8000)
I Just edited the following in the js file:
var flashyshow=new excellent_transition_gallery_with_title_link_target({
wrapperid: “widget_xml”,
wrapperclass: “etgwtlt_widget_xml”,
imagearray: [
],
pause: 4000,
transduration: 2000
})
I am trying out your plugin and so far I really like it. However, I found that if I change the xml file name to any name other than “widget” it ignores the css. I tried changing the “widget” names in the CSS to my preferred xml file name but that didn’t help either. Am I overlooking something, or is there something else I need to do?
Thanks
Any chance you’ll update soon so we can be able to change the pause?
Thanks a lot..
Hi ,
This plug-in works perfect on IE (old version IE6 ) .
Mostly I’m using Firefox , but unfortunately the time-interval can’t be configured . Only the default timing is available although I change the values on the configuration panel .
Is there some configurations that I have to do ?
PS the test is made on the latest Firefox 4 .
Thanks ..
Tested IE 6,7,8,9,10 for transition effect..
[...] Click Here to Download Excellent transition gallery 3.0 Tags: 3.0, Download, Excellent, Gallery, transition [...]
re: excellent transition gallery
Although I am a complete newb I do learn fast.
I installed the above plugin. I am not sure on how to create the xml file of the videos I want to display. Any low tech jargoned help is greatly appreciated.
I did not see a plugin for this: A featured image (video) side show which takes no tech knowledge to install (<–that's the easy part) and no tech knowledge to actually make it work.
Thanks for any help or direction.
Would you please tell me how can i make my images appear in the center of my widget ? Because they are always aligned at the left border of my widget.
(my images size is w: 100/ H: 100) –> they appear on the left side of the widget (inside the widget) I want to make them appear in the middle with the same sliding of course.
Please help me ! I hope I have been clear in my explanations. Thank you in advance
Can the Excellent Transition Gallery be set to a specific transition or does it have to be random in IE?
thanks
RESOLVED! Go into Plugins editor for ETG and click the javascript.js link/file and comment out (/* */) at the top the transitions you don’t want (if you only want one transition remember to delete the trailing comma in the array) e.g. “progid:DXImageTransform.Microsoft.Fade()” with no comma at end! and update file.
I solved my own question
perfect answer
hello!
Awesome gallery. It was working perfectly until today. I received this message:
Warning: DOMDocument::load() [domdocument.load]: URL file-access is disabled in the server configuration in /nfs/c04/h05/mnt/67177/domains/dirty-fridays.com/html/site/wp-content/plugins/excellent-transition-gallery/excellent-transition-gallery.php on line 36
Warning: DOMDocument::load(http://dirty-fridays.com/site/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml) [domdocument.load]: failed to open stream: no suitable wrapper could be found in /nfs/c04/h05/mnt/67177/domains/dirty-fridays.com/html/site/wp-content/plugins/excellent-transition-gallery/excellent-transition-gallery.php on line 36
Warning: DOMDocument::load() [domdocument.load]: I/O warning : failed to load external entity “http://dirty-fridays.com/site/wp-content/plugins/excellent-transition-gallery/gallery/sample.xml” in /nfs/c04/h05/mnt/67177/domains/dirty-fridays.com/html/site/wp-content/plugins/excellent-transition-gallery/excellent-transition-gallery.php on line 36
I have it on several different sites and all of them stopped working. I am currently using media temple as my hosting provider.
Any ideas on how to fix it? Thanks!
Heya i am for the first time here. I found this board and I in finding It really helpful & it helped me out a lot. I’m hoping to offer something back and help others such as you aided me.
Ariel Baldo.