AH... son of gun... You have to .hide() first.
$("#beautyImage").hide().html(data).fadeIn('slow');
Thanks for all the help guys. I just needed to bounce this off someone.
Chad
-----Original Message-----
From: Chad Gray [mailto:[email protected]]
Sent: Thursday, October 21, 2010 3:00 PM
To: cf-talk
Subject: RE: (ot) jQuery
I mocked up some test code. Just place an image "beautyImage1.jpg" in the same
folder as the code. The image is placed in the DIV but does not fade in.
<script src="jquery-1.4.3.min.js"></script>
<script>
function swapImages() {
$("#beautyImage").html('<img src="beautyImage1.jpg">').fadeIn('slow');
}
</script>
<div id="beautyImage" style="margin:0px; padding:0px;">
<img src="image.jpg" border="0" style="margin-left:5px;" />
</div>
<img src="image2.jpg" border="0" style="margin:5px;" onclick="swapImages();"/>
-----Original Message-----
From: Chad Gray [mailto:[email protected]]
Sent: Thursday, October 21, 2010 2:52 PM
To: cf-talk
Subject: RE: (ot) jQuery
If I do this it snaps into place also. No fade in.
function swapImages(imageName) {
$("#beautyImage").html('<img src="/output/9305B06559F4D04C37ED27103EBFB959.jpg"
style="margin-left:5px;">').fadeIn('slow');
}
-----Original Message-----
From: Michael Grant [mailto:[email protected]]
Sent: Thursday, October 21, 2010 2:43 PM
To: cf-talk
Subject: Re: (ot) jQuery
I don't see why it wouldn't be. Does fadeIn() work if you do it on it's own?
On Thu, Oct 21, 2010 at 2:40 PM, Chad Gray <[email protected]> wrote:
>
> Thanks for the suggestions, but still now luck. Maybe the get() is not
> compatible with fadeIn()?
>
>
>
> -----Original Message-----
> From: Tony Bentley [mailto:[email protected]]
> Sent: Thursday, October 21, 2010 2:39 PM
> To: cf-talk
> Subject: Re: (ot) jQuery
>
>
> function swapImages(imageName) {
> $.get('/shop/act_getBeautyImage.cfm?beautyImage='+ imageName +
> '&width=372&height=465',{},function(data) {
> $("#beautyImage").html(data).fadeIn('slow');
> });
> }
>
>
>
>
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:338465
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
