ftFeatured is WordPress plugin for creating image gallery with fancy transition effects of featured posts. You can choose between three types of transition effects: curtain, wave and zipper. Also, you can set width, height, delay time, number of posts etc.
This WordPress plugin is based on jQuery jqFancyTransitions plugin and is very easy to use. After you activate this plugin and set custom field for image, all you have to do is to paste one line of code in your template on place where you want your ftFeatured gallery.
You should follow this steps for install and set Fancy Transitions Featured Gallery:
1. Download plugin
2. Put ftFeatured folder in your wp-content/plugins folder
3. Activate ftFeatured from admin panel
4. Go to Settings on a admin panel and set options
5. Create custom fields for your post
6. Paste <?php include (ABSPATH . '/wp-content/plugins/fancy-transitions-featured-gallery/ftFeatured.php'); ?>
in your template where you want ftFeatured to be displayed.
There are few options for Fancy Transitions Featured Gallery:
Width: in pixels, 500 by default
Height: in pixels, 332 by default
Number of Stripes: jqFancyTransitions use stripes based animations abd there are 20 stripes by default. If you set large number of stripes animation may not be smooth
Slide Display Duration: in miliseconds, 5000 by default
Slide Transition Effects: there are three types: curtain, wave, zipper. All of those effect you can see here
Image field: set custom field for image that should be used in gallery. By default you can use ftImage field, but if you want you can change that. This is useful if you already use some gallery plugin and you want to change to Fancy Transitions Featured Gallery
Text Field: this field is optional. Content for this field will be displayed in gallery title bar bellow title. By default name of this field is ftText but you can change if you want to use some other field
Changelog
1.0.1
* Solved problem with plugin paths
1.1.0
* Work on all posts and pages not only on front page
1.2.0
* Valid XHTML Markup
1.3.0
* Option to show posts from one category
Hi,
First, thanks for this amazing plugin. Does a great job and really easy to apply.
But, I do have a problem with the plugin inside IE8.
It’s working great on Chrome or IE7, but on IE8 it doesn’t (my images are shown one under the other, instead of rotating). You can see in the link :
http://tanyason.com.beamonkey.net.e-publish.co.il/wordpress/
I followed your instructions, and removed the coma (,) after the strips. But still – it doesn’t work.
Help please …
problem solved with jquery 1.4.2. the navigation found here http://workshop.rs/projects/jqfancytransitions/ (second demo) is an option in the wp plugin too? or is there a way to add it?
hello,
i have the same problem pictures stacking one on top of the other. ( http://gofashion.ro )
i too have mootools as well as jquery, but i added jQuery.noConflict();
please help, i love this plugin, it’s the only one that fit.
Thanks – checked show nav prev and next and slideshow works again – unchecked and doesn’t work – so appears I must have the prev and next checked.
Just info tried checking the nav numbered option but it doesn’t work just the prev and next option.
Appreciate the info – love the plugin!
Graye, try to check Show navigation checkbox and see if works. Then un-check that checkbox if you don’t need navigation. There is a bug in plugin and this might help.
Was using the previous version of this putting together a website and it was working perfectly – upgraded to 1.4 now it doesn’t work – where can I download the older version or is there a fix. Instead of the transitions all I get are 3 images stacked one on top of the other.
I have deactivated NextGEN and also deleted it from my WordPress install, Fancy Transitions is the only plugin, but it still doesn’t work. I’ve also tried several themes, including the default WordPress but still the same.
Would be useful if we could get your plugins to work with NextGEN as well.
You have two JavaScript frameworks on your page, jQuery and MooTools, and there is a conflict. As I see nextgen-smooth-gallery use MooTools so try to disable that plugin and Fancy Transitions should work. There is a way to make those two frameworks to work together, just check on Google and you’ll find explanations.
I’ve just tried the hosted site again and found an error in Firebug: $(“#ftFeatured”) is null
Which appears here:
$(“#ftFeatured”).jqFancyTransitions({
effect: ‘curtain’,
strips: 20,
width: 620,
height: 300,
delay: 5000,
navigation: 1 });
Here are a couple of screenshots that hopefully can show you the problem. I’ve now added the plugin to a hosted test system, but am getting the same problem.
Here is the html generated by the plugin:
http://www.screencast.com/t/NWNlNTllNz
These are the paths to the js files.
http://www.screencast.com/t/ZjExMzc3Nm
Is there anything else you need?
I’m testing this on my PC using Mowes, so there’s no URL I can send you unfortunately. But I can provide screenshots and the html generated by WordPress if that helps?
Nigel, can you give me some url where I can check the problem ?
Hi, I can see pauro had the same problem as I have, but cannot see a solution. Checked the source, paths to jquery and jqFancyTransaitions are correct (using Mowes for localhost WordPress so I can test).
There is ftFeatured DIV with my 3 images listed, but my page just displays the 3 images one after another. I cannot see a problem with my installation.
I see that you have created a new featured plugin that looks better, maybe I should wait for the WordPress version of this.
Joel,
Thanks for helping. Maybe you can share your solution with others and I promise that new version will have checkbox for not including jQuery.
I am getting a problem about the jQuery calling. I use jQuery 1.4.x and your plugin calls a jQuery 1.3.x… I’ve solved the problem, deleting the respect line at ftFeatured-content.php. I’m just sending you a bug message.
Congrats for the gallery! And for the plugin too.
i can’t understand how i put in my wp i m new user please guide me by mail thanks
It’s good, it’s useful (as usual), actionable and concise. Love it.
If that works and now it doesn’t work, you should check what you did meantime. I don’t have idea what cause that problem in this case.
Yes, I have 2 posts with ftImage and ftText.
Maybe it’s my wordpress version? I am using Version 2.9.2. But it was working a day ago with this version.
Carlo, you should have images in ftFeatured div and there are no images. Can you check do you have published posts with ftImage field (or the one you set in options) ?
Hi Ivan,
Just want to let you know.. I tried troubleshooting. I even deactivated all plugins except this. But still the same thing. HELP!
Hi Ivan,
Carlo here. As I said in the other post (sorry for posting there). The plugin was working for me but after I made changes and installed the Contact Form 7. The slides are not displaying anymore. What do you think is causing the background image to be undefined? See the screenshot from firebug.
http://twitpic.com/16gxe8/full
Thanks in advance!
Hi Jimmy,
I had problems to install theme that you sent, so I didn’t have a chance to try my plugin there. Maybe you should try to describe issue that you have.
Hello Ivan, you can still help me?
Michael can you tell me more about problem that you have ? Code you post here looks ok.