Wednesday, March 18, 2009

HighSlide – Javascript image zooming

Want to add a zooming effect to the images on your web site when a visitor click on the thumbnails? Try HighSlide. HighSlide is an open source image, media and gallery viewer written in JavaScript that adds a sleek image zooming animation when a user click on the image.

HighSlide runs entirely on Javascript and can even override popup blockers. The content opens within the active browser window which means your visitors stay on the page when viewing the images, unlike regular thumbnail images which direct visitors away from the original page. If the user has disabled JavaScript or is using an old browser, the browser redirects directly to the image itself or to a fallback HTML page.

HighSlide isn’t limited to images. You can implement the same zoom and enlarge effect to display texts, flash content, iframe content and so on. You will find lots of demo on the site.

highslider-text

An example pop-up text box

In order to use HighSlide you just have to include two Javascript files in your pages and add an onclick call to your images. HighSlide is extremely flexible and comes with lots of configuration and scalability options and a component system that lets you strip away unused features down to a file size of 10kB.

HighSlide is also available as a plugin for Wordpress and a number of systems like Coppermine Image Gallery, PHP Fusion, vBulletin etc. The script also supports almost all the major browsers.

0 comments:

Post a Comment

Popular Posts