MagicZoom - Fully Integrated in a FreewayPro Document.

Relating to the Freewaytalk ( http://www.freewaytalk.net/thread/view/55358 ) I thought it could be a nice idea to show you some examples of MagicZoom integrated in a Freewaydocument.

I made a small screencast for you to download how to integrate it in a freeway document that can be found here.

Textsuche

MZ-small

MagicZoom Default Settings

 

MZ-small-2

Changing the following settings:

Zoom fade/smoothing

Opacity options


back

Quick and Dirty:

Insert the first script before head of your page and modify the paths. One is the link type, the other is the src. I prefer to use the absolute one starting with http://...

a) Insert a graphic item, load your small image into it.

b) select the graphic item -> element -> extended -> Name: class Value: MagicZoom

c) select the graphic item -> set  an external link to the location of your big image (e.g. http://www.yourdomain.com/resources/image-big.jpg)

d) Same dialog, click the extended button and proceed the same then b)

The next step:

b) select the graphic item -> element -> actions -> Upload Extra Resources

c) 1: magiczoom.js; 2: image-big.jpg

The final step:

The magiczoom.css. One way: load it manually to the css-folder on your root. Other ways will follow

item1
item24 item3 item3a