Zoomify HTML5 Express

HOME

PRODUCTS

OVERVIEW —————————— EXPRESS PRO ENTERPRISE

CUSTOMERS

SUPPORT

ABOUT


	Express	Zoom-and-pan viewing made easy

Zoomify HTML5 Express delivers fast zoom-and-pan viewing - for every image, everywhere!

Zoom into your web images in all browsers on all platforms and all devices! Includes everything you need - drag-drop image Converter, intuitive image Viewer, and built-in Toolbar and Navigator!

Just three steps to make any image zoomable:

	1	Drag your image onto the Converter	2	Add three lines to any web page	3	Copy files to your web server!

Complete examples and documentation are included - and please see the demos below!!


Zoomify HTML5 Express - Features & Benefits

	Drag & drop image prep with the Zoomify Unlimited Converter - megabytes or gigabytes!
	Standard publishing - just HTML, JPEGs, and a small JavaScript file - works on any site!
	Universal viewing - every browser, platform, and device - no downloads or installs
	Smooth pan - with glide! Try it above!
	Extensive features - 27 HTML parameters for initial view and more - see demos at right!
	Web designer friendly - works with all your tools
	No royalties or fees - no strings on your content - create as many sites as you like!
	Customizable help - just use one HTML parameter to make any web page the help content!
	Complete documentation - User's Guide, and detailed examples


Zoomify HTML5 Express Includes

	Zoomify Unlimited Converter: drag-drop zoomify any image - plus batch conversion!
	Zoomify Image Viewer: one small JavaScript file with built-in Viewport, Toolbar, Navigator birds-eye view, and more (JavaScript obfuscated and minified)
	12 template web pages - one for every major feature - see demos at right!
	Example toolbar skins - three included, easily create your own or see our Extras!
	Detailed User's Guide PDF and Parameter List


Perfect for all types of high-quality images

	Composites	Drafts	Drawings
	Evidence	Games	Maps
	Photos	Records	Scans
	Screenshots


Perfect for all application arenas that depend on high-resolution image content

	Aerial Photos & Space Imaging	Auctions & Classifieds
	Defense, Security	eStore, eCatalog, & eMarketing
	Education & Entertainment	Industrial Quality Assurance
	Infrastructure Planning	Insurance, Law Enforcement & Forensics
	Mapping, GIS, Real Estate & Travel	Materials Science and Metallurgy
	Medical & Scientific	Multimedia Presentations
	Museum, Galleries & Image Archives	Wireless & Handhelds


Using the Zoomify Image Viewer

The Zoomify Image Viewer is incredibly easy to use - add it to any web page with just a few simple lines! The following information describes this simple process.

	Simplest Use - Viewer Defaults Example

	The following lines are all that is needed to use the Zoomify Image Viewer in any web page: <head> <script type="text/javascript" src="ZoomifyImageViewer-min.js"></script> <style type="text/css"> #myContainer { width: 900px; height: 550px } </style> <script type="text/javascript"> Z.showImage("myContainer", "ZoomifyImageExample"); </script> </head> <body> <div id="myContainer"></div> </body>

Zoomify HTML5 Express
Demos

View Preset
(34MB, White House)

View Background
(16MB, Veneitan Mask)

View Full Page
(485MB, Paris Satellite)

View Full Screen
(485MB, Paris Satellite)

Navigator Rectangle Color
(16MB, Veneitan Mask)

Toolbar Skinned
(32MB, Dangerous Beauty)

Layout Simple
(1.2GB, Baghdad Satellite)

ZIF 1-File Storage
(180MB, 2 Dollar Bill)

Custom Help
(Click Help Button In Example)

Logo Off
(257MB, Ground Zero)

Image credits below

Why three lines?

1. The first script line tells the web page to include the Viewer script file: "ZoomifyImageViewer-min.js".

2. The second script line creates the container element for the Viewer to exist in: "myContainer".

3. The third script line creates the Viewer and tells it what container element to exist in ("myContainer") and what image to display ("ZoomifyImageExample")

Together, the above lines create the Viewer, place it in the page, and tell it what image to show - that's all you need!

Custom Use - Optional Parameters Example

In addition to the incredibly simple use described above, the Zoomify Image Viewer provides extensive options for web designer control - even without any JavaScript coding. Simple HTML parameters can be used to customize Viewer layout, what part of an image is initially displayed, and much more. Parameters are also included to allow skinning of the toolbar to make it match your web site's look and feel - you can even hide the bulit-in toolbar and put your own buttons anywhere in your web page page so your users can zoom and pan the Viewer!

The third script line in the example above can optionally include a string of parameters to change how the Viewer looks or behaves. Such a string will look like this (note the use of '&' symbols to join multiple parameters together):

"zInitialX=230&zInitialY=340&zInitialZoom=100"

Numerous options are supported - a list of supported parameters follows.

HTML Parameter List

The Zoomify Image Viewer in the Zoomify HTML5 Express product supports the following 27 HTML parameters (see Pro version for 93 more):


zInitialX	zInitialY	zInitialZoom
zMinZoom	zMaxZoom	zNavigatorVisible
zToolbarVisible	zLogoVisible	zMinimizeVisible
zZoomButtonsVisible	zSliderVisible	zPanButtonsVisible
zResetVisible	zFullViewVisible	zFullPageVisible
zFullScreenVisible	zInitialFullPage	zProgressVisible
zTooltipsVisible	zHelpVisible	zNavigatorRectangleColor
zSkinPath	zHelpPath	zHelpWidth
zHelpHeight	zHelpLeft	zHelpTop


Prerequisites

	Authoring: manual and batch image conversion of TIF, PNG, BMP, and JPEG files is supported on Windows and Macintosh with no special setup. Additional formats and platforms are supported with converter upgrades sold separately
	Publishing: using just HTML, JPEGs, and one small JavaScript file, the Zoomify content can be hosted on any web server and is compatible with popular publishing, and ecommerce software
	Viewing: all popular browsers are supported on all platforms including PCs, Macs, iOS, Android, and more - all without any special downloads or installs
	Licensing: The Zoomify Converter is licensed per user - just like Photoshop and other imaging software. Your content is your own - no royalties, no strings. The Zoomify Image Viewer JavaScript file is freely redistributable on web sites or CDs/DVDs. The same is true of customized versions, so long as the JavaScript file is 'minified' (compressed using an online tool). For detailed information please refer to the Zoomify License Agreement.

Image credits: Medical image provided by Center for Comparative Medicine at UC Davis. Dimensions: 20,892 x 20,400 pixels, 1.25 gigabytes (uncompressed). Created under the auspices of the National Cancer Institute with funding from the National Institute of Health. Defense image provided by GeoEye, Inc. Dimensions: 18,000 x 12,223 pixels, 1.2 gigabytes (uncompressed). Baghdad, Iraq, captured by IKONOS satellite.

Have questions about Zoomify products? Ask us!