Plugin preview: FancyBox Gallery

I don’t have it ready for release yet, but I’m working on a new WordPress plugin which will integrate the FancyBox jQuery plugin with WordPress galleries. FancyBox is a “lightbox” plugin for displaying images in a nice overlay. I have the basics working, but I need to add an options screen, and resolve some CSS issues when it’s used with certain themes.

I hope to have it ready by next week (depends on how much spare time I can find). In the meantime, click these images for a preview…

When I feel like the code is a little more ready for prime-time, I’ll announce it here, and release the plugin in the WordPress Plugins Directory.

Stumble It!
Plugin preview: FancyBox Gallery

Related posts:

  1. Plugin: Fancybox Gallery 0.3.1
    "I have updated my Fancybox Gallery plugin to version 0.3.1. Fancybox Gallery will automatically turn your photo galleries generated by the WordPress ‘gallery’ shorttag into..."
  2. FancyBox Gallery 0.1
    " I decided to go ahead a release my FancyBox Gallery plugin as-is. Version 0.1 0.2 is very bare-bones: there are no options that you..."
  3. Theme Preview Plugin
    " Early in the development of the “themes” support in WordPress, I bugged Ryan Boren for a “preview” feature. Instead, he wrote a Theme Switcher..."
  4. WordPress 2.6 Beta 1
    "Last night Ryan Boren announced the release of WordPress 2.6 Beta 1. At first glance, you probably wouldn’t notice much difference between versions 2.5 and..."
  5. Plugin: WriteScroll
    "A couple of weeks ago, Les Orchard tweeted a complaint about the WordPress editor: wordpress annoyance: textarea for editing a blog post doesn’t start until..."
This entry was posted in WordPress and tagged , , , , , , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

23 Comments

  1. Jessi Hance jessibird.net
    Posted January 21, 2009 at 2:33 pm | Permalink

    This looks really good! When it’s ready, I’ll definitely give it a spin.

  2. Matthew silverpenpub.net
    Posted January 21, 2009 at 4:20 pm | Permalink

    11 javascript permissions I had to temporarily grant to view it, since I wasn’t willing to comb through and figure out which ones were applicable. That’s a lot of JS on one page!

    Nevertheless, neat plugin. I’ve seen something similar on Apple’s pages and was impressed with it.

  3. Posted January 21, 2009 at 5:20 pm | Permalink

    Very nice. Can’t wait to try it out. Any chance it will still support video and inline content in you implementation?

  4. drew katadrew.com
    Posted January 21, 2009 at 7:11 pm | Permalink

    Looks interesting. The biggest hold-up with this (and lightbox) as I see it is the time it takes to load the image. While the overlay is nice, it doesn’t quite make up for the slowness. (Or is this just a problem for me?)

    • Dougal dougal.gunters.org
      Posted January 22, 2009 at 10:06 am | Permalink

      You have to keep in mind that the expanded image will be loaded at full resolution. So the load time will depend on the size of the images you upload and attach to the post. The FancyBox jQuery code scales this image to fit into the browser viewport, so it may appear smaller than what it actually is. For example, the images above are both 800×600 pixels. But when I click on them in my current browser window, FancyBox scales them down by about 30%.

      • Tim
        Posted January 24, 2009 at 6:36 pm | Permalink

        Very nice. The only thing I noticed is image is not being cached at the first click, i.e. I clicked and closed the same image number of times, every time I click it seems to be reloading the image afresh, not from cache.

  5. Jessi Hance jessibird.net
    Posted January 21, 2009 at 7:28 pm | Permalink

    drew, it doesn’t seem to me like it takes any longer to load the image than it would to load a whole different page, but I’m on my fast connection at work right now. I’ll take a look from home too. Slowness has kept me from using other similar plugins.

  6. Paul osattack.com
    Posted January 21, 2009 at 9:49 pm | Permalink

    With Opera the screen just gets dark for a second. It doesnt appear to be working correctly.

    • ????? (Jason) j2fi.net
      Posted January 24, 2009 at 9:36 am | Permalink

      Opera seems to show the photo in the middle of the site, rather than the middle of the screen. You can still see the full picture, but you need to scroll down. This might have something to do with Opera’s pre-rendering of the whole page in order to have smooth scrolling, so it confuses center-screen with center-page … just a guess.

  7. Bob backyard-music.com
    Posted January 21, 2009 at 10:07 pm | Permalink

    Looks very nice and could be very useful. Hope you find the time to finish it.

  8. Kevin ijunkyworld.co.cc
    Posted January 22, 2009 at 12:08 am | Permalink

    Looks good! Been looking for something to replace lightbox 2 because it’s broken with “The Morning After” wordpress theme, hope this will be OK, plus it looks more professionally presented.

    Looking forward to it!

  9. Neuro postrocking.com
    Posted January 22, 2009 at 3:20 am | Permalink

    A really nice effort for creating such a plugin!
    It will be great to integrate with wordpress galleries.

    Good idea and hope you can finish this without headaches :)

  10. Kin blog.gadgetlite.com
    Posted January 22, 2009 at 7:26 am | Permalink

    Very impressive effect Dougal, just wondering whether this will work with other gallery plugins like NG gallery?

  11. Michael Watson michaelwatsononline.com
    Posted January 22, 2009 at 7:46 am | Permalink

    Wow! I’m really impressed! This gallery plug-in looks great and I cant wait to download it for my blog. Let us all know when you put it in the plug-in directory. Thanks!

  12. Melhor Cartão de Crédito melhorcartaodecredito.com
    Posted January 22, 2009 at 12:29 pm | Permalink

    Hello.

    Exist a couple of plugins like this and almost forgot one detail (only lightview do it), when you see the image at full view and you scroll the image are gone for up or down. That’s bad.

    But, thanks for your effort to build something free.

  13. Posted January 23, 2009 at 6:06 am | Permalink

    Hi,
    you might be interested looking at this wordpress plugin:
    http://wordpress.org/extend/plugins/wp-galleria/

    It’s a one file gallery generation tool, which integrates nice with wordpress.
    Code looks not so smart, but in a couple of minutes I got what I needed :)

  14. Tommi caravanpress.com
    Posted January 23, 2009 at 7:34 am | Permalink

    This looks good and I like the fact that it works with WP’s standard gallery. I hope you get it working with K2 theme.

  15. George Wiscombe geenius.co.uk
    Posted January 23, 2009 at 10:37 am | Permalink

    Hi, I have been working on something similar but haven’t taken many steps to optimise the css etc (lack of time).

    I called mine the SchmancyBox plugin.

    Perhaps if you wanna combine efforts we could make a better plugin?

    Drop me an email if you want to chat about it :)

    Cheers,
    George

  16. Fritz funwithefudex.com
    Posted January 23, 2009 at 11:41 am | Permalink

    This looks great! I built a site last year (FunWithEfudex.com) using a hodge-podge of image plug-ins and wasn’t really happy with any of them. I need to revisit that and see if your plug-in, or upgrades to the others, or the new WP2.7, will solve the problems I was having.

  17. Matthias msdosbefehle.de
    Posted January 24, 2009 at 3:49 pm | Permalink

    I like your Plugin very much. Thank you for sharing.

  18. Fernando Handyvertrag quickhandy.de
    Posted January 28, 2009 at 7:56 am | Permalink

    It seems like this plug-in is very interesting. Is this now ready? I’m curious to try this out. It’s nice to know that this will integrate the fancybox with the WP galleries.

  19. Posted February 5, 2009 at 9:50 pm | Permalink

    Hi,I loved fancybox for brower, wheather the plugins doesn’t support web brower ,like “http://fancy.klade.lv/
    ” ’s show

  20. Kiana Benz kianabenz.com
    Posted September 20, 2009 at 3:21 am | Permalink

    I’m trying to get this plugin to work on my site, I’m not a designer and I’m having trouble can anyone point out what I’m doing wrong please. I’ve used the image uploader and that gives me all kinds of words in wordpress but when I go to the page it doesn’t show my images like it does on here. you can see my gallery here kianabenz.com/photo-gallery/

    Thanks in advance for any help boys!

2 Trackbacks

  1. [...] Gallery – WordPress plugin preview January 22, 2009, 7:49 am Dougal Campbell has published a post about a new image handling plugin he is working on. His new plugin is based on the very impressive [...]

  2. By FancyBox Gallery 0.1 - geek ramblings on January 26, 2009 at 10:59 am

    [...] geek ramblings Random musings of a Southern geek Skip to content AboutArchivesDonateContactTag CloudLifestream « Plugin preview: FancyBox Gallery [...]

Post a Comment

Your email is never published nor shared.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

  • Subscribe

  • Follow Me

    Twitter  Facebook  Flickr  Last.fm  LinkedIn  StumbleUpon  Technorati  Delicious  
  • Referrals

    Sign up for Text Link Ads and earn money from your blog.
  • Lifestream