Lightbox plug-in for BlogCFC released

Recently I decided to set up a blog for my family. I came across BlogCFC and quite liked it (thanks Ray!).  I also liked Samuel Birch's Lightbox plug-in for Mootools and decided I could do with an integration into BlogCFC. 
I put the two things together and the Lightbox plug-in for BlogCFC was born.

The plug-in enables you to easily integrate a lightbox collection into a blog, just use <lightbox name="aCollectionName"> in your entry, and you end up with something like this:

Looks like a very happy codling indeed!
Screenshot of the admin section

All you need to do is upload an image. The plug-in will create a thumbnail for you, will resize based on your settings, and can even add text or a watermark to the full image.

Requirements:
  • Coldfusion 7.x
  • BlogCFC version 5.9.001 (haven't tried it on other versions, might work/might not)
You can download the plugin here.  Full installations instructions are included and can also be found on this page.

Have fun with it and let me know if it works ok for you.


Related Blog Entries

Comments (Comment Moderation is enabled. Your comment will not appear until approved.)

  1. Rey Bango's Gravatar Rey Bango
    Jax, if you're not too vested in the code, I'd like for you to consider doing a version in jQuery. Quite a number of CF users have embraced jQuery including Ben Nadel, Rob Gonda & Jim Priest, to name a few. I would love to see this using jQuery and with the ton of support you'd receive in the jQuery mailing list, I think it'd be a great match.
  2. Damon Ledet's Gravatar Damon Ledet
    Great Work! I will be implementing this soon at my blog (http://blog.damonledet.com) Thanks again!
  3. jax's Gravatar jax
    @Rey: I'll see what I can do. Shouldn't be too hard to create a jQuery version from the looks of it.
  4. Paul Verhoef's Gravatar Paul Verhoef
    Thx for sharing, i had to edit the lightbox.cfc and remove org.plugins.lightbox in order to load the iedit module
  5. Rich Alot's Gravatar Rich Alot
    Has anyone tested this on earlier versions of BlogCFC? Mine is so heavily modified (including the admin) I'm pretty much stuck with what I've got unless I want to spend days doing an overhaul.
  6. Edward Beckett's Gravatar Edward Beckett
    Jax ... Thanks for the great release to the BlogCFC community!

    I'm running BlogCFC on CF8 ...

    have you seen any problems running your plug-in with CF8?

    Also, I am using CFlickr as well ... are you aware of any incompatibility issues?

    Thanks

    Edward
  7. jax's Gravatar jax
    You're welcome Edward! :-)

    I do not expect any problems with CF8. The only thing that *might* cause problems is the included functionality for image manipulation. This makes use of the java.awt package. Java 6 ( as included with CF 8 ) should be backwards compatible (at least). This site is running on Java 5 and I have no problems. I am not sure about the CFlickr, have never tested it but to be honest I can't think of a reason why it shouldn't work. :-)
  8. ajw93's Gravatar ajw93
    Hey Jax,
    Thanks for the great plugin! We love it here and are planning to implement it.
    We have noticed, a seeming conflict in IE6/7: when a user posts a flash video (e.g., youtube)
    to the blog, IE throws an error and won't display the page at all. Sometimes this happens
    when browsing the post's individual page, sometimes not. I am a complete newbie when it comes to javascript
    so I was wondering if anyone had heard of this and had any thoughts on how we might fix?
    We are on blogcfc 5.9.004
    and cf7 and 8 (prod & dev servers respectively).
    This is not a horrific dealbreaker but if we could fix it, I'd love to know how! Thanks -- and thanks
    for indulging my ignorance!
  9. ajw93's Gravatar ajw93
    Um, and I stupidly forgot to mention, we are on the jquery version of the plugin.

    I need lunch!

    Thanks

    Amy
  10. jax's Gravatar jax
    Amy,

    Could you send me a link to a age that throws the error in IE ?
    You can email it to me (contact page) if you don't want to leave the link in the comments here.
  11. Spammer's Gravatar Spammer
    silmey in agalar ay?p oluyor harika bir yer zaten. thank you..

    Edit by jax: The above gibberish is a spam message which came from 88.249.98.46 It appears to be some lame ass based in Turkey. At this moment it is not listed in the honeypot database. Let's see how long it takes.. :-)
  12. Oyun the Spammer's Gravatar Oyun the Spammer
    very thanks for you..

    edit: more spam from
    88.249.98.46 in Turkey..
  13. dave's Gravatar dave
    This Article is very useful to me, I dig it into http://www.duyp.net
  14. RJ's Gravatar RJ
    I want to use something like this to replace the slideshow that the blog currently has. I don't want to include a collection in the blog entry, more add a link to slideshow.cfm and have the collection appear. My problem is that I already have about 75 slideshow entries. How can I quickly move them into the <lightbox> setup that I just added? Is there no quick way?
  15. jax's Gravatar jax
    RJ, have a look at the client/images/lightbox directory. In here there are directory names that match your lightbox entries. Inside them you will find a 'full' and 'thumbs' dir there. The full directory contains all the full sized images, and the thumbs dir contains the thumbnails. You can simply put images in both directories, just make sure that you HAVE matching names. ( ie: in thumbs -> image1.jpg and in full -> image1.jpg as well.)
    The second thing you have to keep in mind is that you need to have a descriptive XML file in the root of the lightbox dir called metadata.xml
    The XML file should look like this:

    <?xml version="1.0" encoding="UTF-8"?>
    <lightbox>
       <formalname/>
       <captions/>
    </lightbox>

    The Lightbox entry should then automatically show up in the lightbox admin section of blogcfc.
  16. Manuel Avelar's Gravatar Manuel Avelar
    Hi, I want to know how can I remove that credits on the corner, Sorry to do that but I really need remove it.
  17. Manuel Avelar's Gravatar Manuel Avelar
    nevermind, I did it :)