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" <nielsen.dus...@gmail.com> 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?
