Fancy Transitions Featured Gallery for WordPress
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
April 9, 2010
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?
April 9, 2010
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 });
April 11, 2010
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.
April 11, 2010
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.
April 14, 2010
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.
April 15, 2010
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.
April 15, 2010
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!
June 5, 2010
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.
June 5, 2010
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?
July 28, 2010
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 …
September 21, 2010
Hi Ivan,
This plugin works really great for me on the first featured post image but then breaks once the second featured post image loads… you can see it in action here: http://www.freelancereview.net
It looks like it is adding in this stray code: ” />
Any help you can give would be super appreciated! I can’t leave it up broken for long since we are a pretty big blog, but I’ll try to leave it up until tomorrow if you can get a chance to look at it!
Thanks!
Chris
September 22, 2010
@Chris
It seems that you have ” in your title and that that makes a problem.
September 28, 2010
Can’t get to work – http://www.tiogarealty.com/tot-site2010/
Images load but looks like script is not active. Am I missing anything?
September 28, 2010
Try to set navigation option again.
September 28, 2010
Set it to true and works – Thanks! But still will not with default.
Nav numbers isn’t necessary, but prev and next links are. Is there a work around?
Great plug-in.
September 28, 2010
css display:none solved my problem.
Let me know if issue get’s resolved. Thanks so much.
January 24, 2011
Hello. This plugin is great. I have a questions though. I am wondering if it is possible to add a different transition effect to this. I like the effects you have, but need a simple “Fade” between featured posts for my client. Please let me know.
Thanks
January 27, 2011
@Simeon
Try to set 1 for “number of stripes” field.
May 25, 2011
HI Ivan, thanks heaps for the plugin – I’d like to make a couple of points:
Firstly it seems there’s an error in the code in “ftFeatured.php”:
line 35: var ftNavigation needs true or false as a string value.
Secondly (I’m fairly new to Wordpress) and it took me a while to figure out how to actually add images to the transition set. Can you reword your comments/instructions about custom fields. EG: State that wordpress turns off custom fields by default and they must be enabled via Screen Options. Also that each image to be used in the transition set must be in a separate blank post with the following setup:
- Each image/post given the same category as specified by the user in the “settings, Fancy Transitions” panel, eg: “transition”. And to add only a single custom field (I think your instructions implied this).
- The custom field set to name “ftImage” and the value set to the full image url AND that the “Featured Image” panel must be set to “use featured image” (a brief description about the options within “Featured Image” panel would also be helpful).
- The “Format” panel (with standard, aside, gallery) has nothing to do with it.
As a sideline, I used “Shortcode Exec PHP” plugin to embed the PHP link you provided into my “page” as a shortcode (saves editing functions/templates).
Hope this helps a bit (and that I have done it all the right way!).
Thanks again…
September 8, 2011
Hello, The plugin is great. But i need to do something.
where I can change the code so I would not link the post?
donde puedo cambiar el código para que no me vincule el post?