![]() ![]() Taking cues from the answer How to display high resolution image in browser using openlayers, I was able to implement the zooming function but the maxZoom does not work here and I am unable zoom further into the image. It is provided here as an EXAMPLE only.How do I deepzoom into OpenLayers images using Zoomify? NOTE: This is a pretty insecure example and would allow ANY website to make remote calls to your site. When you zoom out, the tiles are unloaded, giving you a clear view of the whole image. When you zoom in, the tiles are loaded one by one, giving you a clear view of your image. Zoomify works by taking your image and breaking it down into smaller tiles. This is an example of what would go in the file you could use. Zoomify can be accessed from the main menu bar by going to View > Zoomify. When you choose the Zoomify command, the Zoomify Export dialog appears on your screen. Once the image is open, choose File > Export > Zoomify. The image I’m using for this tutorial is 1024 x 768 pixels. Finally in order to allow Zoomify to read the external files you'll need to add a file called "crossdomain.xml" to the root of your external site. Open up an image in Photoshop CS3 that you’d like to export as a Zoomify object. You can do this by going to Catalog > Products > Edit Product > Photos you can then select to insert from This Store.Ĥ. On your Product add a photo to be used as the thumbnail and/or main product photo if it's the default. The folder you upload should have atleast 2 items inside it - A folder called "TileGroup#" and a file called "ImageProperties.xml"ģ. Hi.In this tutorial I show you what can be done with the Zoomify in PhotoshopMake sure to Like, Favorite and Share this video and Subscribe if you havent do. I chose to create a folder on my external site called "zoomify" to keep any zoomify imagesets inside of. Upload the folder it creates to your external server. You'll need to create the tiles with the Zoomify tool.Ģ. This is essentially the model we followed when developing the Radio Re-Volt website, which was made in Flash. Hosting these files externally is relatively simple.ġ. ![]() Since zoomify images can be large, it may be a good idea to store the tiles created with the zoomify program on a 3rd party server. You may want to take this into consideration before using this solution. Bandwidth usage may increase depending on the number of images used and visitors your site receives. Note: For a catalog using a lot of photos, these picture sets can take up a lot of disk space. Although this involves a cost, it is inexpensive compared to other solutions.īelow is an example of an image displayed using Zoomify: (This requires purchase of a license from Zoomify and customizing the flash player itself).
0 Comments
Leave a Reply. |