Using javascript to change the source of your image is your best bet.
This is the same concept as standard rollover images and you can get
rollovers to work with most any browser.
The code would go something like this...
function changeImage(imageName) {
document.images['dynImg'].src = imageName;
}
<img src="picture.jpg" name="dynImg" id="dynImg">
<a href="javascript:changeImage('newPicture.jpg')">Change Picture</a>
I built an image manager that uses this concept that is more fully
fleshed out. It uses frames in conjunction with this technique (old
browsers beware though ;-) ). You can check it out at
http://216.136.31.164/imagelib/image_lib.cfm
jon
Ian Lurie wrote:
>Hi all,
>
>I've got a CF-powered image browser (you can see it at
>http://www.dessy.com/colorfinder/dessy_dresses.cfm)
>
>Note that when you select a new style from the 'style' drop-down and click
>'go', the whole page refreshes. I'd rather have it just change the image in
>the center of the page.
>
>Anyone know any great tricks that are cross-browser? I know about XMLHTTP
>and remote scripting, but both seem pretty IE-specific...
>
>Thanks,
>
>Ian
>
>Portent Interactive
>Using Process, Design and Content to build great web sites since 1995
>http://www.portentinteractive.com
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Structure your ColdFusion code with Fusebox. Get the official book at
http://www.fusionauthority.com/bkinfo.cfm
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq
Archives: http://www.mail-archive.com/[email protected]/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
