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 callback could be utilized to remove all but the current and newly-selected image, since the plugin requires at least two alternates at any given time. (or the 'after' callback could be used to remove all but the current and a placeholder or default image)
j On Tue, Jun 24, 2008 at 8: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 <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 >
