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
| | | | |
