Excerpt from product page

Rvolve Zoompics - Zoomable Images
*
*
*
* ..crystal CLEAR

* Home
ad server
* Zoompics
interactive
* Carousel
zooming in
* Spinner
with hotspots
* Reality 360
streaming *

|

NEWS AND EVENTS

- Hi-tech industry news

RVOLVE ZOOMPICS

TRY IT NOW! FOR YOUR SITE OR BLOG. IT'S FREE.

Search the Web for an image to try

DEMOS

ABOUT

This picture zoomer can be added to your own site for FREE, and is
open source, with the proviso that the 'Rvolve' watermark remains in
view. WHITE-LABEL Zoompics without a logo are available to license.

You can use the pics to display any .JPG, .GIF OR .PNG on your site
at any scale, and they're RESPONSIVE to screen size changes and PINCH
TO ZOOM on tablets. With the animations off (no watermark is then
required) it is an easy way to scale images dynamically when you're
embedding them in your webpage.

PURE JAVASCRIPT. Compatible with iPad, iPhone, Android, Firefox, IE
7+, Chrome, Safari, Opera

PRICES

Hosted

TRAFFIC
PRICE

Unlimited *
Free

0-3K hits/month ^
$3 /month

3K-300K hits/month ^
$30 /month

300K+ hits/month ^
$300 /month

Download

DEVELOPERS
SITES
PRICE

*
Unlimited
Unlimited
Free

Professional ^
1
1
$29.99

Developer ^
1
Unlimited
$250

Enterprise ^
Unlimited
Unlimited
$2000

Purchase a White-label version, or use free with a watermark

* FREE includes an watermark
^ WHITE-LABEL without an watermark

HOSTED

0-3K hits/month - $3/month 3-300K hits/month - $30/month 300K+
hits/month - $300/month

DOWNLOAD

Professional - $29.99 Developer - $250

USING ZOOMPICS IN YOUR PROJECT

Include the following script in the header:

and then include a zoompic, or several zoompics anywhere on your page
with e.g.

Copy the following HTML code into your page and adjust as necessary:

1.
2. Unpack the .zip file into your Wordpress 'wp-content/plugins'
folder
3. Under 'Plugins' in the interface activate the 'Rvolve Zoompics
Plugin'
4. Then for each post you want a zoompic to appear in, copy and paste
the following into the 'HTML' section of the post. Adjust the
parameters as below.

Where:
ID: required to be unique per image, but can be anything
CLASS: required and must be 'zoompic'
DATA-SRC: the source of the .png, .jpg or .gif, just like an img src
tag. This can be relative or absolute.
DATA-ANIMATE: switch this to false for a resized image only
(white-label, as no logo shows)
DATA-WIDTH: the new width of the image, irrespective of the size of
the source image
DATA-HEIGHT: the new height of the image, irrespective of the size of
the source image
DATA-BORDER: css border tag e.g. 'solid 1px #DDDDDD'
DATA-AUTOPAN: automatically pan to show the complete image, true or
false
DATA-AUTOZOOM: automatically zoom, true or false
DATA-MAXZOOM: maximum zoom factor (defaults to 3)
DATA-ZOOMICON: displays the +/- icon in the top left hand corner. Can
be 'gray','blue','white', 'black', or a custom image URL, a 39x26
pixel transparent .png
DATA-RESP-WIDTH: % of the parent div width e.g. '100'. Use in
responsive page designs. Will stay in the same ratio as the
data-width/data-height, but be a fraction of the parent div's size at
the time of page opening.
USEMAP: hotspot links in HTML5 usemap format. Supports map area
'rect' rectangles.
DATA-SRC-LARGE: an optional larger version of the image that is
loaded after the data-src image. Useful for having a smaller thumbnail
version in data-src, which is loaded by low-bandwidth devices.
DATA-LARGE-TIMEOUT: timeout while loading smaller data-src image that
decides whether to load the larger image. Defaults to 2000
milliseconds.

Note: You can wrap the with an to provide a link.

FREE SUPPORT

Want integration with your shopping cart? We offer free support to
get the Zoompics integrated for commercial license holders.

Please enable JavaScript to view the

(c) Copyright Rvolve Ltd. All Rights Reserved
| | | | |

Sites you may be interested in