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

  • mooBarGraph: AJAX graph for MooTools (18)
    mooBarGraph is AJAX graph plugin for MooTools which support two types of graphs, simple bar and stacked bar graph. This plugin made graph from your JSON data and is compatible with all […]
  • 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 […]
  • 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 […]
  • Use Webcam to Create Animated GIF (1)
    Some time ago I saw some online animated gif creator and thought it could be done in JS instead of Flash. We could easily access webcam from browser with the getUserMedia API. Nice […]
  • Image gallery in 4 lines of code with MooTools and Dojo (8)
    Recently I wrote article how to create image gallery with description in 4 lines of jQuery code. Now, I will do the same thing with two other popular JavaScript frameworks, MooTools and […]

62 comments on "Fancy Transitions Featured Gallery for WordPress"

Wow I can’t get this to work (pls excuse formatting)

php get_header() ?>

div id=”container”>

div id=”content”>

include (ABSPATH . ‘/wp-content/plugins/fancy-transitions-featured-gallery/ftFeatured.php’); ?>

Michael Hsu on February 8, 2010 at 10:47 pm

Hi Ivan,
I’d like to post this on my front page, but am running into trouble. I’ve put the php code in my main index.php file:

Am I doing something wrong?

Michael Hsu on February 8, 2010 at 10:44 pm

@Fanci
I’ll need more info regarding your problem so I can help you. Thanks for comment about design, it’s WordPress theme http://www.press75.com/v4/the-seven-five-wordpress-theme/

@rob
The plugin shows only images related with posts, not with pages. Did you publish your posts, because images will be shown only if posts are published ? Also, you should set width and height without ‘px’, only numbers.

Lazarevic Ivan on February 8, 2010 at 6:37 am

Im having troble using the gallery…
i have activated the plugin, configure it’s options
put the code in where i wanted it.

i’ve also added the custom field and put the absolute URL to the image

however is not showing. is it because it’s a page where i put it?

the page where it’s supposed to appear has the div showing but not the image.

any ideas?

http://divadot.com/

check the front page.

rob on February 7, 2010 at 5:35 pm

This plugin won’t work on my web 🙁 I don’t know what’s wrong, I set all the options based on your instructions but it just goes blank. Anyway thank you for the plugin. (And btw you have a very well-designed web!)

Fansi

Fansi on January 28, 2010 at 10:20 pm

Yes, the first slide stay longer but just first time so it’s not big deal : )

Lazarevic Ivan on January 25, 2010 at 3:55 pm

HI Ivan,
Thanks a million for being bothered with doing that – I know I was being nit-picky. 🙂

One more thing I’d like to ask you is where can I change the delay of the first slide? It doesn’t seem to use the same Slide Display Duration in ms as the other transitions… I’ve changed mine from the default 5000ms to 3500ms but the first slide stays for longer, and I think it does here at this page as well.

Again, great great plug-in, and thanks for doing what you do!

Best wishes from Iceland,
Kári

Kari on January 18, 2010 at 5:28 am

@Kari
Version 1.2.0 have valid XHTML Markup

@Vic
I might include that in next release. Thanks for sharing your solution.

Lazarevic Ivan on January 15, 2010 at 9:52 am

Hi Ivan,

Excellent plugin.

I made one small change to ftFeatured.php and options.php to allow a particular category slug to be entered (the site I am designing has several categories and I only wanted your gallery to display items from a one category).

ftFeatured.php line 8:
query_posts(‘category_name=’ . get_option(‘ftfeatured-category’) . ‘&showposts=50’);

options.php inserted the following at line 27:
Category to Select Items from (optional):
<input name="ftfeatured-category" id="ftfeatured-category" size="30" value="”>

options.php amended page_options hidden value:

A very simple change but might be useful for others.

Best regards
Vic

Victor Spanner on January 12, 2010 at 10:09 am

@Oxothik
From version 1.1.0 plugin works on any page.

@pauro
Sorry, I don’t know how to help you.

@Kari
Thanks for comment. It can be done to be validate but I’m not sure when I’ll have time to change that so I can’t promise anything : )

Lazarevic Ivan on January 9, 2010 at 12:56 pm

Hi Ivan, great looking plug-in – tried it out and it works perfectly for me and all the browsers I tried.

There’s just one thing: The validation of my site has 10 errors after I put the plug-in there, kinda boring cause I’m becoming quite the validation nerd…is this something you had thought about at all or don’t you mind?

It’s the link inside the alt=” ” that’s making it all angry.

I don’t know how to script myself so I’m don’t mean to show any disrespect – Thank you for doing this kind of stuff and sharing it – I was merely wondering 🙂

Best regards,
Kari

Kari on January 8, 2010 at 10:00 am

Ivan,
I really have no idea how you did it. Follow all your instruction including the path in the header, but still got the invalid XML error (the ‘ in ftFeatured.php). The images still piling up even when i tried it in a fresh installation of wp. Same problem happened in the wordpress default theme.

pauro on January 3, 2010 at 11:04 pm

You don’t need ‘ in those lines, because you pass values as number not as a string. I didn’t have any problem to add this plugin on Capricorn theme as you can see here http://test.96.rs/
You should check do you have right path to jquery-1.3.2.js and jqFancyTransitions.min.js files in head of your page.

Lazarevic Ivan on January 2, 2010 at 7:03 am

I’ve check the javascript error, there is a missing [ ‘ ] in the ftFeatured.php line 38-41.
Added the [ ‘ ] but still no luck.
Also try to change theme back to default, does not worked neither.
FYI, I try this with no other plugin installed

pauro on January 1, 2010 at 11:02 pm

@dan
You can use only one image per post.

@pauro
Using

Lazarevic Ivan on January 1, 2010 at 2:28 pm

Hi!
I have sucessfully installed this plugin – it works well on a homepage.
But, it doesn’t work on pages other than frontpage – neither posts nor pages, In IE it shows only text, in Chrome shows nothing.

Oxothik on January 1, 2010 at 12:48 pm

Hi Ivan,

I tried to install the plugin but ut does not work in my localhost.
I’m using wp 2.9 w/ free Capricorn theme.
First problem appear when I paste the code in index.php file, the “<?include" does not show any image. Then after I change it to "<?php include" images shown, but….all pictures just stuck there, piling up and not a single sign of movement 🙁
Check with firebug, all image is inside the ftFeatured div tag. Very strange

Please help…

pauro on January 1, 2010 at 12:38 pm

i have a dude, how to add several images, i tried witha few fields , with “;” or “,” but it´s not work for me
Thanks for all

dan on December 31, 2009 at 2:50 pm

@ImagineDesign
I’m not sure that I understand where is that difference between images. Maybe some of your CSS make a problem. Or you should try to change width of gallery or number of stripes. If that doesn’t solve your problem you can send me url to that site so I can check where the problem is.

@Jimmy
I’ll try to implement this plugin on that theme in next couple of days.

Lazarevic Ivan on December 30, 2009 at 6:22 pm

Thanks for the reply.

But the plugin still not appearing on the site … followed all the installation steps … I think it’s something in the theme but I’m not sure.

If you can help I thank you, Your widget is sensational.

Thank you and congratulations.

Jimmy on December 30, 2009 at 6:17 pm

I’ve made progress, but there is a strange 1/4″ differnce between the background image and the top transition image. I’ve scoured the code and been all through my content and can’t figure out what is going on. I would greatly appreciate any help you can give. Sorry for the string of questions…I have been working on this site all day.

ImagineDesign on December 30, 2009 at 4:30 pm

I was able to get the gallery to load, but I am running in to a problem where my site needs to be done in tables through the post. How can I put ftFeatured Gallery in a specific page at a specific point? Can I bypass the template and place it into the page content itself?

Thank you in advance!

ImagineDesign on December 30, 2009 at 2:23 pm

I am trying to use the FT Featured Gallery and for some reason I cannot get it to activate on the. I have the include script in home.php and have custome fields created and it won’t load. What am I doing wrong?

ImagineDesign on December 30, 2009 at 1:57 pm

There was a problem with plugin path. You should download and use latest version of plugin.

Sorry for the inconvenience.

Lazarevic Ivan on December 30, 2009 at 11:53 am

Hello,

Thanks for the plugin. But not working on this theme:

http://themehybrid.com/themes/life-collage

You could check a solution for me?

Grateful. Sorry for the inconvenience and the English translator of google.

Jimmy on December 30, 2009 at 10:05 am

Leave a Reply to Bazz Cancel reply

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