Hi Julie,
having had a look into it and rebuilt a running version which I sent you via PM. Here are some important notes:
- Preparation of your images:
Basically you’ll need images, that have all the same aspect ratio. Your start should be a big, big image for example something like 1200px to 1200px. All other images to use should have the same so you probably need to trim them to match the basic ratio. Call these image-zoom-1.jpg (image-zoom-2.jpg …). Resize each to match the “screener-image”, in your case the div id=img97o so something like 300x300px. Call those image-thumb-1.jpg (image-thumb-2.jpg…)
To achieve this I use https://skitch.com/ which helps you to save so much time.
- The Freeway set-up
Using clear names for your images (thumb - zoom) should help you to make things a bit more logical:
Draw a graphic item with the size of 300 x 300 and call this screener. CMD-E and choose the image-thumb-1.jpg. Apply the Upload Extra Resources Action and choose (the pickers in Resources folder) the files:
magiczoom.js, magiczoom.css
Leave it selected or select it and “edit hyperlink” and point in the dialog to the “zoom-version” of this applied image so here:
Resources/image-zoom-1.jpg
Click on the extended and type in the following:
Now create the first thumbnail, let’s say 60x60 px. Apply the image-thumb-1.jpg (the same as for the screener) and resize it to match the thumb. Apply the Upload Extra Resources to it and choose the following to files:
image-thumb-1.jpg and image-zoom-1.jpg
Apply the following to this thumb:
Resources/image-thumb-2.jpg
Now this thumb still selected hit CMD-d and duplicate this. All you now have to do is to change all image version numbers 1 to two. Don’t forget to change the images in the Upload Extra Resources and pick there the number 2 versions.
Repeat this for all the other wanted thumbnails.
Finally apply the:
in the before end head tag of your page.
IMPORTANT NOTE:
All “paths” are pointing to the main root folder of your host. If you work in subfolders or have a host that needs some htdocs or stuff you need to adjust this in all the dialogs. Sometimes it is even necessary to have absolute links like
http://yourdomain…
I have to rethink my so old screencasts to make it as in this way described a bit clearer and finally easier.
Hope this helps.
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options