Take a look at the Cycle plugin. http://www.malsup.com/jquery/cycle/ Its
primary intent is to cycle through each child of a container, IE a div
containing some images. It includes a whole host of transition choices
(including crossfade), and also can be utilized as part of a 'pager' instead
of automated cycling. (I use it to crossfade through 2-4 images on a timer
- the fade is perfect)
I love the look of your gallery, BTW.
j
On Mon, Jun 23, 2008 at 8:23 PM, daveJay <[EMAIL PROTECTED]>
wrote:
>
> I'm trying to switch out an image by dynamically changing the source
> value of an image. I tried using other methods of image replacement
> but none of them work smoothly, there's major performance problems.
>
> So anyway. Here's how I'm doing it right now.
>
> j("#image img").fadeTo(500,0,function() {
> j("#image img").attr({src : imgSrc});
> }).fadeTo(500, 1);
>
> I'm fading out the image, changing the source, and then fading it back
> in again. Is there a way to fade the source change in?
> Basically I want to fade this code in: j("#image img").attr({src :
> imgSrc});
>
> Is that possible? I tried the animate function but that only animates
> in CSS changes and not html attribute changes (as far as I can tell)
>
> Thanks,
>
> -David
>
> P.S. Here's the page I'm working on:
> http://sandbox.exit42design.com/photography/index2.html
>
