Simple and quick js-script for images zooming.
Online shops, blogs, personal websites — script can be used on any resource.
Installation takes up to 10 min. The script works even with older versions of jQuery (from 1.4), if you do not want to change anything on your website fundamentally.
You can control your photos viewing directly via the keyboard.
→ — used for scrolling left and right,
Esc — close the viewer.
QuickBox — is a simple script for zooming images. For an example I made this page with a few pictures. You can use it with any number of pictures. The script is suitable for any website, especially to view enlarged photos in online stores. QuickBox can work with all modern browsers (Firefox, Opera, Google Chrome, IE10 +).
This is an example of how to behave in QuickBox work. Feel free to click on any image.
To set up the script upload files from the zip-archive to any folder via FTP and add following lines into the tag
Make sure that the jQuery is conected; if no, download it from here. Check the script path is correct. QuickBox requires at least 1.4 version of jQuery.
Each image you want to be viewed in a new layer using QuickBox, assign an attribute:
class="quickbox". You don't have to do anything more. Image description is taken from the
alt attribute. Here's the example:
<a class="quickbox" href="i/06.jpg" title="Desciption">
<img src="i/06s.jpg" alt="">