WordPress.org

Ready to get started?Download WordPress

Forums

Ajaxify WordPress Site(AWS)
[resolved] Animations (11 posts)

  1. carlosalas
    Member
    Posted 1 year ago #

    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/

  2. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. carlosalas
    Member
    Posted 1 year ago #

    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.

  4. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    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

  5. carlosalas
    Member
    Posted 1 year ago #

    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.

  6. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

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

  7. carlosalas
    Member
    Posted 1 year ago #

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

    Thank you.

  8. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

  9. carlosalas
    Member
    Posted 1 year ago #

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

  10. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    Discussed over message.

  11. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.