Sponsored by

  • Intel
  • HP

Computer Arts

Add image zooms to sites using PopBox

Laura James shows you how to use the free PopBox JavaScript library to add a zoom function to products on an online site.

When a customer browses for products online, it's important that they can see as much detail as they would if they were picking up the item in a shop. Therefore, most e-commerce websites can benefit from some sort of zooming.

Advertisement

The PopBox JavaScript function is a free library from C6 Software that enables you to add a zoom facility to your product thumbnails with very little effort. The library is robust, lightweight and doesn't navigate away from the page or create new windows. Twosevenzero has used it to great effect in a funky site for design boutique Nora Does, which you can see at www.noradoes.co.uk. I'll show you the basic implementation here, but there are many other attributes you can tweak to get it to perform all sorts of magic tricks. The developer of the PopBox library, John Reid, provides extensive documentation online, and this should be your next stop: www.c6software.com/Products/PopBox/documentation.aspx.

Click here to download the support files (462KB)

Click here to download the tutorial for free

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

site stat collection