Support » Plugin: Ajaxify WordPress Site(AWS) » Animations

  • Resolved carlosalas

    (@carlosalas)


    I’ve been trying to create animations but…

    Part 1 (line 94 //Start Fade Out)

    $content.find('.title')
      .animate({right: '20%', opacity: 0},800);
    $content.find('.img')
      .animate({left: '-150%'},1000);

    As you can see I’ve some animations now I need to get the new content back.

    Part 2 (line 128 //Update the content)

    $content.stop(true,true);
    $('.title').animate({right: '3%', opacity: 1},1200);
    $('.shootImg').animate({left: 0},1000, function(){
      $content.html(contentHtml).ajaxify();
    });

    The animation does exactly what I want but it does not return the new content. I know, the code is not right, that’s why I ask for some help.

    Could you tell me how can I get the new content before the animation shows the new content?

    Hope this helps someone.
    Thank you!

    http://wordpress.org/extend/plugins/ajaxify-wordpress-site/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author manishkrag

    (@manishkrag)

    Hi,
    – Check in firebug whether the contents are coming or not. If yes then add .animate({opacity: 0, visibility: "visible"}).animate({opacity: 1},800); this.
    – If not coming then write an alert in $('.shootImg').animate({left: 0},1000, function(){ and check whether the alert is coming or not.

    Thanks
    M

    Thank you for the answer but my animation works.

    If you see the lines above the first animation takes the content and tries to bring the new content back before the animation ends but when the animation ends the old content stills there. I want to bring the new content before the 2nd animation ends.

    Plugin Author manishkrag

    (@manishkrag)

    yes correct that why I asked you to check with alert. Because new contents are not coming that is mean $content.html(contentHtml).ajaxify(); not executing. please check

    I’ve checked with an alert but everything is fine. Maybe I expressed incorrectly

    The new content is there, but when the animation ends it still returning the old content but then just ‘puff!’ the new content appears.

    Don’t know if there could be a way to return the new content like this.. once the first animation takes the content to the left, the second animation bring the new content to the right. Making the changes happen offscreen. I hope I’ve explain it better.

    Thank you.

    Plugin Author manishkrag

    (@manishkrag)

    It will be grate if you create one dev site where I can see 🙂

    Can you give me a mail where I can send to you the dev site?

    Thank you.

    Plugin Author manishkrag

    (@manishkrag)

    I’ve sent to you a message.
    Thank you!

    Plugin Author manishkrag

    (@manishkrag)

    Discussed over message.

    Plugin Author manishkrag

    (@manishkrag)

    🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Animations’ is closed to new replies.