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



Comments [ 62 Comments ]

  1. Jimmy
    December 30, 2009

    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.

  2. Lazarevic Ivan
    December 30, 2009

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

    Sorry for the inconvenience.

  3. ImagineDesign
    December 30, 2009

    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?

  4. ImagineDesign
    December 30, 2009

    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!

  5. ImagineDesign
    December 30, 2009

    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.

  6. Jimmy
    December 30, 2009

    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.

  7. Lazarevic Ivan
    December 30, 2009

    @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.

  8. dan
    December 31, 2009

    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

  9. pauro
    January 1, 2010

    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…

  10. Oxothik
    January 1, 2010

    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.

  11. Lazarevic Ivan
    January 1, 2010

    @dan
    You can use only one image per post.

    @pauro
    Using I just tried plugin on Capricorn 1.3 theme and it works fine. Maybe you have conflict with some other plugin, because it seems like that to me. Can you check is there any javascript error ?

    @Oxothik
    For now you can use this plugin only on front page. I’ll try to improve that in some future release.

  12. pauro
    January 1, 2010

    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

  13. Lazarevic Ivan
    January 2, 2010

    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.

  14. pauro
    January 3, 2010

    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.

  15. Kari
    January 8, 2010

    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

  16. Lazarevic Ivan
    January 9, 2010

    @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 : )

  17. Victor Spanner
    January 12, 2010

    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

  18. Lazarevic Ivan
    January 15, 2010

    @Kari
    Version 1.2.0 have valid XHTML Markup

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

  19. Kari
    January 18, 2010

    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

  20. Lazarevic Ivan
    January 25, 2010

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

  21. Fansi
    January 28, 2010

    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

  22. rob
    February 7, 2010

    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.

  23. Lazarevic Ivan
    February 8, 2010

    @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.

  24. Michael Hsu
    February 8, 2010

    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?

  25. Michael Hsu
    February 8, 2010

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

  26. Lazarevic Ivan
    February 10, 2010

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

  27. Jimmy
    February 13, 2010

    Hello Ivan, you can still help me?

  28. Lazarevic Ivan
    February 16, 2010

    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.

  29. Carlo
    March 3, 2010

    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!

  30. Carlo
    March 4, 2010

    Hi Ivan,

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

  31. Lazarevic Ivan
    March 4, 2010

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

  32. Carlo
    March 4, 2010

    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.

  33. Lazarevic Ivan
    March 5, 2010

    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.

  34. BACS
    March 12, 2010

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

  35. Zaheer Ahmad
    March 16, 2010

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

  36. Joel Wallis
    March 30, 2010

    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.

  37. Lazarevic Ivan
    April 4, 2010

    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.

  38. Nigel
    April 7, 2010

    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.

  39. Lazarevic Ivan
    April 8, 2010

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

  40. Nigel
    April 8, 2010

    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?

  41. Nigel
    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?

  42. Nigel
    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 });

  43. Lazarevic Ivan
    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.

  44. Nigel
    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.

  45. Graye
    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.

  46. Lazarevic Ivan
    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.

  47. Graye
    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!

  48. alina
    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.

  49. alina
    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?

  50. Matan
    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 …

  51. Chris McConnell
    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

  52. Lazarevic Ivan
    September 22, 2010

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

  53. Tony DiFranco
    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?

  54. Lazarevic Ivan
    September 28, 2010

    Try to set navigation option again.

  55. Tony DiFranco
    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.

  56. Tony DiFranco
    September 28, 2010

    css display:none solved my problem.

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

  57. Simeon
    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

  58. Lazarevic Ivan
    January 27, 2011

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

  59. Bazz
    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…

  60. Caska
    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?

  61. Click More
    October 4, 2012

    Ј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.



» Trackbacks and pingbacks click to expand


Leave a Reply

More Articles


more on WORKSHOP.rs