Saturday, September 25, 2010

Displaying images

I've been coding for close to 12 years now and seen a lot of different formats and ways to display images. Usually the old standby is:

<img src="someImage.jpg" />

However, in the last few years I have seen several great examples of image use in Flash and SilverLight, but I like to keep it simple. Those are 3rd party applications and while they are very useful I like to keep everything native to my DOM. That is why I like using a combination of CSS and Javascript. It turns out jQuery has several plugins that help you write just a little bit of JavaScript and paste in a little CSS from the plugin. Usually it is as simple as voila!

At the company I work for we have been reviewing new image tools. One of the one's I really like was the s3Slider plugin for jQuery. However, I ended up recommending the Nivo plugin. You can see an example of it here:

Click to launch example

As you can see there are plenty of tools that all pretty much achieve a similar effect. Making images more accessible and in a "slideshow" type of format.

No comments:

Post a Comment