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

  • HTML5/CSS3 Circle Music Player (3)
    More then a year ago my very talented designer friend Jovan Stanojevic presented me idea of Circle Music player which will play local .mp3 files. This is his original idea, but after we […]
  • Twitter Flock for Wordpress: multiple accounts tweets with style (69)
    Twitter Flock is Wordpress plugin for showing multiple accounts tweets with different color scheme for every account. Also, there are setting allowing you to control how your tweets will […]
  • Visualize Twitter connections with Twings (3)
    I always find it interesting to see who from people that I’m following on Twitter follows me back and also to see how those people are related with each others. I was looking the best way […]
  • Google Buzz ER: Google Buzz for Wordpress (137)
    Yesterday Google announced new service, Google Buzz, a new way to share updates, photos, videos and more, and start conversations about the things you find interesting. Today you can have […]
  • News Ticker in 4 lines of jQuery (93)
    There are a lot of different jQuery News Ticker plugins with lot of options that you can use. Do you want to learn how to create one on your own in only 4 lines of jQuery code […]

62 comments on "Fancy Transitions Featured Gallery for WordPress"

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 …

Matan on July 28, 2010 at 2:03 am

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?

alina on June 5, 2010 at 12:42 pm

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.

alina on June 5, 2010 at 8:47 am

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 on April 15, 2010 at 9:06 pm

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.

Lazarevic Ivan on April 15, 2010 at 3:56 am

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.

Graye on April 14, 2010 at 7:55 pm

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.

Nigel on April 11, 2010 at 6:25 am

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.

Lazarevic Ivan on April 11, 2010 at 4:24 am

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 });

Nigel on April 9, 2010 at 6:27 pm

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?

Nigel on April 9, 2010 at 11:05 am

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 on April 8, 2010 at 5:55 pm

Nigel, can you give me some url where I can check the problem ?

Lazarevic Ivan on April 8, 2010 at 3:36 am

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.

Nigel on April 7, 2010 at 5:39 pm

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.

Lazarevic Ivan on April 4, 2010 at 3:58 am

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.

Joel Wallis on March 30, 2010 at 1:36 pm

i can’t understand how i put in my wp i m new user please guide me by mail thanks

Zaheer Ahmad on March 16, 2010 at 4:29 pm

It’s good, it’s useful (as usual), actionable and concise. Love it.

BACS on March 12, 2010 at 6:15 am

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.

Lazarevic Ivan on March 5, 2010 at 3:21 pm

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 on March 4, 2010 at 11:19 pm

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) ?

Lazarevic Ivan on March 4, 2010 at 10:04 am

Hi Ivan,

Just want to let you know.. I tried troubleshooting. I even deactivated all plugins except this. But still the same thing. HELP!

Carlo on March 4, 2010 at 4:10 am

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!

Carlo on March 3, 2010 at 8:15 pm

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.

Lazarevic Ivan on February 16, 2010 at 1:42 pm

Hello Ivan, you can still help me?

Jimmy on February 13, 2010 at 12:20 pm

Michael can you tell me more about problem that you have ? Code you post here looks ok.

Lazarevic Ivan on February 10, 2010 at 8:30 pm

Leave a Reply to Chris McConnell Cancel reply

Your email address will not be published. Required fields are marked *