HTML & CSS
Article

Fotobuzz – Image… Flash Replacement?

By Alex Walker

It’s always interesting how to see how one clever idea can start someone thinking along slightly different lines.

The guy’s at 2Entwine have taken some of the core technique from sIFR and re-applied it images, allowing you to annotate them on-the-fly images. Once you have it set up, adding nothing more than a custom class to your image file will enable it on that image.

Although Fotobuzz seems to be initally pitched at photobloggers, I think this technique shows a lot of potential in other areas.

Certainly anyone selling products online could find this to be fast and effective way to detail the finer points of their stock in very visual way.

(no, it’s not broken. it’s just a screenshot)

Fotobuzz may also have a use in online tutorials and web learning, allowing, for instance, single screen-shots to demonstrate 2 or 3 separate points without becoming over-crowded. Of course, all information would need to be in the standard body content as well, to allow for users not using Flash.

Never-the-less, the ability to visually tie parts of an image to particular instructions is quite a powerful idea and certainly something we may be experimenting with in the new year.

Meet the author
Alex manages design and front end development for sitepoint.com and is SitePoint's Design and UX editor.
  • Chris

    You putt the comments in your html-file too. Something like:

    FotoBuzz Picture
    A comment on picture 1

    When your site relies on the comments on the pictures, it would probably improve your pagerank :)

  • http://www.sitepoint.com AlexW

    Very good point.

  • pxs

    seems to have gone belly up :(

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in Front-end, once a week, for free.