[Pro] hover over image to enlarge

Hi. I need to have images on a page to enlarge on mouse-over as per ShutterStock.com. I’ve tried the following, and while similar, they respond to clicking only (not hovering), and each has an issue:

  1. ScriptyLightBox: Loads quickly, but I get a fairly thick black border around the image (looks clunky) and can’t figure out how to get rid of it.

  2. ScriptyLightBox with Graphic to Link to File: Loads VERY slowly. Also has a white border around photo, although better looking than above.

  3. I read a few posts about using Target layer, but I’m not clear on how to set that up for my needs. I just want an image to pop up larger when the mouse hovers over a smaller version of it and then close when the mouse moves away.

Thank you, I appreciate any guidance.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Target Show/hide Layer is what you are looking for.

http://www.deltadesign.co/fw_examples/fwactions/rollover2.html

The layer that is revealed is a layered container that can contain text or images - ie a zoomed picture. It has the Target Show/Hide action on it.

The trigger image has the Rollover action on it.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you, thank you, Dave! I tried it using just images and images combined with text and both work perfectly. It is so helpful to have visuals of what to key in the action fields!

Thanks again,
Randi


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options