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 www.subprint.com On Jun 24, 7:34 am, daveJay <[EMAIL PROTECTED]> wrote: > 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 > literally sits there for a few seconds before actually switching the > image, and the fade doesn't work at all. I think it's partially a > result of having such large images. > > Using the src change is easier for the browser to handle I think. Even > with this method, the fade is kind of jumpy in Firefox 2 for Mac, but > I think it's the best route. GOTOCHINA (http://www.ringvemedia.com/ > shanghai-photos) uses the same src switching method, but they chose > not to use any dissolve at all. > > On Jun 23, 9:18 pm, "Joel Newkirk" <[EMAIL PROTECTED]> wrote: > > > 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 > >
