You don't have a domain to just throw sample code up to? Well, without looking at it I'll offer this sloppy mess ... caution, sloppy.
1) use a server side script to figure out the dimensions of the image and then have it write that in the image tag so the browser knows how big the image is even before it loads. 2) add the slide in or out (don't know which you want) function inside of a load event on the image in the requested page instead of the request class--to ensure the image is loaded before the effect starts. 3) put the request class in the complete function of the slide effect to ensure it completely goes in or out before even requesting anything. On Mar 20, 3:46 pm, "Arak Tai'Roth" <[email protected]> wrote: > I can't provide a demo page. However I can dumb down the question a > little bit for starters. > > 1. I want the onComplete portion to run after the onRequest portion is > finished. In other words, I want the div to fully slide out, then > slide back on. Right now it might do that but more often it slides > maybe halfway or a quarter of the way out and then back in. > > 2. The image located in about_descriptioncontent shakes when being > slid out and in, the text and everything else is fine, just the image > that shakes for some reason. > > On Mar 19, 9:35 pm, rpflo <[email protected]> wrote: > > > > > Guillermo is right, toss up a URL and I'd certainly take a peek. > > > On Mar 19, 8:46 pm, Santiago Borrazás <[email protected]> wrote: > > > > Try something like scrollTo(0); to reset the position. > > > > Best regards, > > > Santiago Borrazás > > > > On Tue, Mar 17, 2009 at 8:34 PM, Guillermo Rauch <[email protected]> wrote: > > > > You'll have more luck with a test page. > > > > > On Tue, Mar 17, 2009 at 8:31 PM, Arak Tai'Roth > > > > <[email protected]>wrote: > > > > >> Anyone at all able to help with this issue? > > > > >> On Mar 16, 6:19 pm, "Arak Tai'Roth" <[email protected]> wrote: > > > >> > Actually, it would be preferable now that I have thought about it to > > > >> > not define a fixed width and height for the image either. It can be > > > >> > done if it is absolutely necessary to fix this problem, but > > > >> > preferably > > > >> > not. > > > > >> > And I still can't fix the height of about_description, that can't be > > > >> > changed. > > > > >> > On Mar 16, 1:23 pm, "Arak Tai'Roth" <[email protected]> wrote: > > > > >> > > I can define a fixed height and width for the image shown, but not > > > >> > > for > > > >> > > the about_description div, that is fluid and intended to be that > > > >> > > way. > > > > >> > > On Mar 16, 1:03 pm, rpflo <[email protected]> wrote: > > > > >> > > > Define a fixed height on the about_description for a quick > > > >> > > > solution. > > > > >> > > > On Mar 16, 10:53 am, "Arak Tai'Roth" <[email protected]> > > > >> wrote: > > > > >> > > > > it isn't, it's just the image that is choppy. Any way to fix > > > >> > > > > that? > > > > >> > > > > On Mar 15, 11:05 pm, rpflo <[email protected]> wrote: > > > > >> > > > > > My guess is it's having a hard time figuring out dimensions > > > >> because > > > >> > > > > > the image isn't loaded but the request is done. > > > > >> > > > > > Remove the images from the requested content and see if it's > > > >> still > > > >> > > > > > choppy. > > > > >> > > > > > On Mar 15, 5:07 pm, "Arak Tai'Roth" > > > >> > > > > > <[email protected]> > > > >> wrote: > > > > >> > > > > > > Hi there, I have a problem using Fx.Slide effectively. > > > >> > > > > > > Here is > > > >> my > > > >> > > > > > > code: > > > > >> > > > > > > window.addEvent('domready', function() > > > >> > > > > > > { > > > >> > > > > > > var myHorizontalSlide = new > > > >> Fx.Slide('about_description', {wait: > > > >> > > > > > > false, mode: 'horizontal', duration: 500}); > > > > >> > > > > > > $$('a.ajax_replace').each(function(ar) > > > >> > > > > > > { > > > >> > > > > > > ar.addEvent('click', function(event) > > > >> > > > > > > { > > > >> > > > > > > event.stop(); > > > > >> > > > > > > var req = new Request.HTML( > > > >> > > > > > > { > > > >> > > > > > > method: 'get', > > > >> > > > > > > url: ar.get('href'), > > > >> > > > > > > data: { 'do' : '1' }, > > > >> > > > > > > onRequest: function() > > > >> > > > > > > { > > > > >> myHorizontalSlide.slideOut(); > > > >> > > > > > > }, > > > >> > > > > > > update: > > > >> $('about_descriptioncontent'), > > > >> > > > > > > onComplete: function() > > > >> > > > > > > { > > > > >> myHorizontalSlide.slideIn(); > > > >> > > > > > > } > > > >> > > > > > > }).send(); > > > >> > > > > > > }); > > > >> > > > > > > }); > > > > >> > > > > > > }); > > > > >> > > > > > > This code adds an onClick event to about 4 links as of now > > > >> (probably > > > >> > > > > > > up to 10 later). When one is clicked, it slides the > > > >> corresponding div > > > >> > > > > > > out, fetches the AJAX, then slides the div back in. Or at > > > >> least that > > > >> > > > > > > is the theory. > > > > >> > > > > > > The content stored in the div that is being affected by > > > >> Fx.Slide is 1 > > > >> > > > > > > image, and some text. When the box slides out and in the > > > >> > > > > > > image > > > >> tends > > > >> > > > > > > to be very choppy and shaky, in other words it doesn't > > > >> > > > > > > slide > > > >> out > > > >> > > > > > > smoothly. In addition sometimes the AJAX request is filled > > > >> before it > > > >> > > > > > > is fully slid out, and thus never fully slides out before > > > >> > > > > > > it > > > >> slides > > > >> > > > > > > back in. > > > > >> > > > > > > I was wondering if someone has any insights to share > > > >> > > > > > > regarding > > > >> these 2 > > > >> > > > > > > problems? > > > > > -- > > > > Guillermo Rauch > > > >http://devthought.com
