Saturday, May 23, 2009

AiBloggerBox: Version 2: Beta!

Happy to see people interested in this project :)

A Demo of this version is available here: AiBloggerBox Demo

I have rewritten AiBloggerBox almost (using one section of my previous code) from scratch. Here are the new changes:
  • Changed the mechanism through which the 'box' is created
  • Absolutely no external files needed! - The javascript file is completely self sufficient. Two other image files were needed before. Overall combined file size is smaller.
  • White border area around the images now - looks nicer :)
  • Proper resizing of images - if the image was bigger than the screen size, previously the image would be clipped. Now proper resizing is done, so the entire image is visible
  • Close button available - looks nicer :) (any mouse click/key press still closes the box)
  • Image auto-caption mechanism available - Uses the image name to print out image caption below the image in the box. For e.g. the picture "Vacation_in_Bali.jpg" would be automatically given the caption "Vacation in Bali" - easy way to have captions without doing edit HTML!
  • Easy to edit options to control white-bordering size in the box, caption on/off, close button on/off and colors. Just open the javascript file, it starts off with some variable declarations, for example one thing you will see is:

    var AiBloggerBox_showCloseButton = 1

    change this to

    var AiBloggerBox_showCloseButton = 0

    to stop showing the close button. It's that simple! (anything that starts off as AiBloggerBox_* is an editable preference - and these are all present at the very top)
I have tested it in FF3 and IE7 using 1 pure test page and this site itself. I completed coding and testing of it, so I thought I might as well release the beta. :)

I thought it would make better sense to release 2 versions of the JS file now - compressed and the normal one. The compressed one is smaller - meaning it will take less bandwidth when you put it in your site.

Compressed BrightBoxBox: BrightBox_v2.0_compressed.zip
Normal BrightBox: BrightBox_v2.0.zip

You would generally want the compressed version.

Labels: , ,

4 Comments:

Post a Comment

<< Home