Shozam Community

Check out this sample gallery with only a couple of images but showcasing the ability to zoom in a higher resolution image to see a lot of detail.

Sample 'zoomified' Shozam gallery.

Want to do something like this? Here are some quick how-to steps to get you started.

• Use Shozam to create a gallery from your images. To speed up processing, do not use the large high-res images as the source; rather bring into Shozam smaller image to be used as proxies; so resize them first to someting that can be as little as 100px wide.
• Download and install the free Zoomify Express from http://www.zoomify.com/express.htm
• Drag the original high-res images on the Zoomify Converter.exe and wait for your images to process
• Move the folders Zoomify (created in the location where your originals ares) into the 'scripts' folder that is part of your Shozam gallery (typically in My Documents/My Shozam Galleries/[Gallery_Name]/scripts/...
• Go back to Shozam to modify your gallery
• Step 2 --> HTML tab, select all images on left and then enter the following code in the top box, to apply the same code to all images

• Then select each image and modify the corresponding code by replacing "FOLDERNAME" with the respective zoomify generated folder name (which should be the same as the image name, without the extension)
• Step 2--> Other Tab: Select all images and then check the 'hide image" option
• Step 5 --> Label Tab: Check "hide" option for 'QuickView', 'Large', 'Slideshow' and 'Details' labels
• Step 5 --> Image Tab: Increase image quality from 60 (default) to 80 optional for better looking thumbnail and intro animation images
• Generate gallery, preview and upload.

The code and sample above is working in IE; I am looking into making it compatible with the other web browsers...

One of the .swf paths in the code was missing part of it... ="../../scripts/ZoomifyViewer.swf

It is now corrected above and I tested the sample gallery against all major browsers (IE, Firefox, Safari, Opera, Chrome).

http://my.shozam.com/examples/zoomify/

 That's neat.

Slideshow doesn't work though in IE8 and FF 3.0.10.

 Get message of no images in gallery. 

Indeed, I think the Slidehsow is affected because the images are hidden from the page. I updated the online gallery to have the slidehsow label hidden as well. I'll have a developer look to see if a workaround is available.

I thought more about this and I think Shozam works as designed. When an flagged as hidden, is not meant to be seen so it should not appear in the Slideshow. The single image type that appears is hte thumbnail type which is used as a proxy for that image pages. It is this mechanism that enables Shozam to have those types of pages with different functionality that a regular image page and it relies on:

• Add image to prompt Shozam to create the pages
• Enter HTML to add something else that is intended to 'replace' the image content on the page
• Hide image from the page so only the widget or whatever has been added above is displayed (or leaving just text on page)

Shozam still shows the thumbnail as a representation of the page for navigation pruposes (but thumbnail is now just a proxy for whatever content is placed on the page). Images from the other layouts are hidden. The one exception is the Info Page, on which the custom HTML does not get displayed - the image will still display there.

Bottom line - if all images in the gallery have been zoomified, then it is good to remove the Slidehsow label. If only a select few images have been replaced by their zoomified counterpart, then you can keep the Slidehsow label and know that only regular images will appear in the slideshow.