I’ve received some great help & advice here for my first website - so I thank you for that. Other commitments have kept me from working on it lately (luckily the ‘client’ is my husband so he’s pretty understanding) but now I’m back to it.
I want to make some of my images enlarge when they are clicked on - is the Rollover action or the Target Show/Hide image action what I should use to achieve this?
Possible. You get a sudden enlarge pop-up effect. If that’s what you want, a Rollover methode is OK. Nice with that is that you can have the large image appear anywhere you want on the page .
You could also add a Javascript for a real ‘zoom’ effect.
One is called Zoomify which uses a rather large image on the server and ‘shows’ on the website the parts needed. Look here for what I mean: Zoomify HTML5 Express
Or use something like FancyZoomScripts. This one uses a link (usual a thumbnail, but a link in the text is cool too!) that zooms to a large JPEG when clicked on. You have seen that around, probably. cabel.name: FancyZoom 1.1
The actual javascripts live on the server. In the HTML of your page you call for that script by adding after certain pieces of code.
How to do that in FW?
In the FW document choose from the menu page–>HTML Markup–>After Head> and add there the path to the script. Like (but this depends on your set-up on the server)
Something more is needed in the HTML.
After and directly before the HTML it must say:
In FW you choose again: page–>extended–>(and fill in:) onload (and) setupZoom() Needed also because this script preloads the desired images to gain little more speed in the effect. Downside is that with lot’s of zoomable images, the page loads forever…
An action that I use for this is Moo Tools by Weaver (posts here often). It works quickly and easily for me. The action costs $15 but well worth it. You get about 5 really nice other effects with it. http://www.coastalrugs.com/Actions/mootoolssuite.html