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

  • Just Random Color (0)
    Some time ago I was working on app where for each category we had to assign random color in case that user didn't choose one. A few day ago I needed to generate random color again. Instead […]
  • Coin Slider 4 WordPress (237)
    Coin Slider 4 WP will show your featured posts as image slider and rotate them using unique effects provided by jQuery's Coin Slider. Implementation is very easy, after you download […]
  • jqIsoText: jQuery Text Effect Plugin (107)
    Some content on our pages are more important than other and we want to made him eye catching. There are lot of techniques to achieve that.  One of them is jqIsoText. With this […]
  • 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 […]
  • Animated Progress Bar in 4 lines of jQuery (51)
    Progress bars are really useful to indicate to user that something happens and when it will be approximately done. They are useful on page where assets should be preloaded before page is […]

62 comments on "Fancy Transitions Featured Gallery for WordPress"

Јust deѕіrе tο say yοuг articlе іs as
аmazing. Thе clarity in your post is ѕimply nіce аnԁ i cаn assume you are an eхpеrt on this subjеct.
Finе with уour pеrmission аllow me to grab your feеd to
keеp up to dаtе with fоrthcoming poѕt.

Thanks a million аnԁ plеаse сагry оn the grаtifyіng ωοrk.

Click More on October 4, 2012 at 2:14 pm

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?

Caska on September 8, 2011 at 4:08 pm

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…

Bazz on May 25, 2011 at 8:34 pm

@Simeon
Try to set 1 for “number of stripes” field.

Lazarevic Ivan on January 27, 2011 at 7:05 am

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

Simeon on January 24, 2011 at 8:35 am

css display:none solved my problem.

Let me know if issue get’s resolved. Thanks so much.

Tony DiFranco on September 28, 2010 at 12:51 pm

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.

Tony DiFranco on September 28, 2010 at 12:39 pm

Try to set navigation option again.

Lazarevic Ivan on September 28, 2010 at 11:29 am

Can’t get to work – http://www.tiogarealty.com/tot-site2010/

Images load but looks like script is not active. Am I missing anything?

Tony DiFranco on September 28, 2010 at 8:54 am

@Chris
It seems that you have ” in your title and that that makes a problem.

Lazarevic Ivan on September 22, 2010 at 10:16 am

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

Chris McConnell on September 21, 2010 at 4:34 pm

Leave a Reply to dan Cancel reply

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