PhotoFade
This is the first time I’ve really dug in and tried to create a WordPress plugin. It basically takes the images attached to a post or page and creates a looping slideshow, just like the one above. It’s very simple right now, but I’ve got some other neat ideas for it in the future. You can grab the plugin here.
Usage is simple:
- [photofade] – Displays slideshow of images attached to your post/page by Menu Order. Defaults to 4 seconds.
- [photofade time=’5000′] – Displays the same slideshow with 5 second intervals, configured via milliseconds.
- [photofade order=’random’] – Displays the slideshow in random order. Options are ‘sequence’(default), ‘random’ or ‘random_start’
- [photofade height=’350′] – Displays the slideshow at 350px tall. Control the height in pixels with this. Can also be set to ‘variable’ to allow for different image heights. Defaults to smallest image height.
If you enjoy this plugin, if it makes your life easier, if it saves you time, if you think it’s gorgeous in it’s simplicity, consider donating. I’d love to improve it more.
Hey, I couldn’t get the plugin to work due to that it was calling the js in the head and I had everything moved to the footer so it was conflicting with my current scripts, which is unfortunate. It looks and works great on other themes I tried though, great job. I have just started to get in to WP plugin development and have had a look at your code and you have inspired me to create my own plugin. It seemed like quite a daunting task but you’ve managed to accomplish this with very little code. Nice one! keep up the good work mate.
@sk – Thanks for the feedback! I’m not sure exactly what you mean about moving your code to the footer. Could you describe to me what it is you’ve done there? I would love to be able to modify the code to work with your theme. Maybe you could point me to your theme and I could have a look.
Hi, very fine plugin, but how can use the image captions in this plugin?
Image captions are not used at this time. I could possibly add that functionality in a future version though. Thanks!
According to the WP website it supports up to 3.0.5 version… is this correct?
Also, is it possible to display several pictures onto one page?
http://wordpress.org/extend/plugins/photofade/
Rayda, yes, it *should* work with any version after that. Let me know if you have problems. Yes, you should be able to use as many pictures as you can attach to a post. Thanks for using the plugin?
Hi there, I LOVE this plugin and it took me forever to find one this simple (what I wanted). Unfortunately I upgraded to WordPress 3.3 the other day, and now my slideshow is broken! It’s just displaying all the images in a line down the page. Any thoughts?
@ Aleina – I’m running it on 3.3 with no problems. Did you try de-activating and re-activating the plugin?
I tried that tonight, along with completely reinstalling it but no luck. I haven’t changed anything else, so I’m not sure what the deal is! I also tried reuploading the photos, since they changed the media uploader, but that didn’t help either.
http://aleinaroberson.com/blog/ — still just a row of pictures.
@Aleina – Just glanced at your site. PhotoFade may be conflicting with another plugin that you’re using. jCarouselLite or Custom Contact Forms. Try disabling them one at a time and see if that affects PhotoFade. Let me know and I’ll try and resolve it if I can…
Same problem as Aleina, just a column of pictures. Not many other plug-ins installed and deactivating doesn’t seem to solve the problem. Like the simplicity, though.
@Neil and @Aleina – I’ve just pushed an update out that will (hopefully) fix the problem. Be on the lookout for a 0.1.6 release, and let me know if that fixes your issues.
Update didn’t work at first, but deactivating custom contact forms did! Thanks for your help!
Still see a column of pictures. Have tried disabling other plugins such as fast secure contact form without success.
Here is the sample page:
http://golightoutdoors.com/blog/slideshow-test-2/
@Neil – You’ve got an error in your jQuery script: Uncaught Syntax error, unrecognized expression: [@href*=http://golightoutdoors.com/blog] // Not sure what that’s all about, but it may be affecting the PhotoFade plugin.
@Aleina – Strange. I loaded the Custom Contact Forms on my plugin test site and couldn’t replicate the problem. Hrmmm. Don’t know if the fault is mine or theirs!
Hi David,
Does this plugin have a template tag that can be used instead of the shortcode?
Thanks
Henry
No it doesn’t. May I ask how or why you would want to use one? It could probably be implemented…
I love this plugin! So simple and easy to use. I’m wondering if there any way to exclude an image from the slideshow? Thanks.
@Marianne – I would love to add the ability to only use some of the images attached to a post. Hopefully one day!
Dear David,
it has been a great pleasure to use your plugin. I admire it for it’s simplicity, it’s well scripted default behaviour which is highly customizable.
I did come across a small problem which I am unable to fix. I would be very grateful if you could have a glance at the problem and point me the right direction.
Somehow the script outputs this code for the height of the photofade ul element:
Strangely this setted height is nowhere to be altered or found. The problem is want the height to be variable. So ultimately I don’t need it. The plugin functions already without this height.
How can I simply delete this or set it to 100%?
Here is my website: http://www.victorwesterkamp.nl
You can find the problem in the gallery section!
Thanks in advance.
Greets,
Lauren
@Lauren – Look for 0.1.7 update, I’ve just pushed it out. It adds height=’variable’ option that should enable the functionality you’re asking for, let me know if it doesn’t…
Hi David,
I’ve just tried doing that and it doesn’t resolve my problem. Actually the height of the images is calculated – I am working on a fluid layout – and that works fine in Firefox (not in Safari). But in Safari the images are skewed to fit the height of the $containerheight.
I am trying to resolve this somehow, but can’t find how. Basically it should be as it is in Firefox but without this $containerheight box around it. And in Safari it shouldn’t be skewed the way it is…
Any ideas on how to fix this?
Greets,
Lauren
yes, when I put the “height=’variable’” code in, the photos didn’t appear at all.
[photofade height='variable'] shows nothing.
[photofade] works fine, except it goes for the minimum height, which is too small
Otherwise, it looks a great plugin.
Hey, this is a great plugin! Thanks much for you efforts.
Is there anyway to disable the injection of the styles into wp_header that wont run the risk of it being overwritten with a plugin upgrade?
Thanks again!
@Chris – Good idea! Just added a styles=’off’ option in version 0.1.9 – Be on the lookout for the update