[jQuery] Re: Fade in an Image by replacing the src

2008-06-24 Thread daveJay
Thanks =) The reason I have to use the src change is because if I try to setup all the images in a list or by some other method that most galleries rely upon, the performance shoots way down in Firefox 2, Firefox 2 for mac is especially bad. You click a thumbnail to go to an image and it

[jQuery] Re: Fade in an Image by replacing the src

2008-06-24 Thread Joe
Hey Dave, I wrote a script to dynamically update the src value of images in a tabs type view on this site: www.texasonline.com (the Quick Answers section) I actually did it to reduce page weight, but I might give you some insight into how to achieve your objective. cheers. joe

[jQuery] Re: Fade in an Image by replacing the src

2008-06-24 Thread Joel Newkirk
Would the 'pagerClick' callback help out? You can utilized it to call a function when the pager buttons are clicked, before it tries to do anything with the cycle'd element. I was thinking in terms of using pagerClick to insert the desired image into the set when its thumbnail is clicked. The

[jQuery] Re: Fade in an Image by replacing the src

2008-06-23 Thread Jeffrey Kretz
I'm sure there's a cleaner way to do this, but my first thought would be to wrap the img in a div, set the div to have the image as it's background, then fade the new image src in front of it. Example (untested code): var img = $('#image img'); var div = $('div/div').css( {

[jQuery] Re: Fade in an Image by replacing the src

2008-06-23 Thread daveJay
that's a really good idea, however that approach wouldn't work since the image is dynamically cropped and resized with the browser window, you can't crop and resize a background-image =( the fade to black works rather nicely but it would be nice to have a direct dissolve. On Jun 23, 9:09 pm,

[jQuery] Re: Fade in an Image by replacing the src

2008-06-23 Thread Joel Newkirk
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