Animations

  • Resolved carlosalas

    (@carlosalas)


    13 years, 7 months 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://ww.wp.xz.cn/extend/plugins/ajaxify-wordpress-site/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Manish Kumar Agarwal

    (@manishkrag)

    13 years, 7 months 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

    Thread Starter carlosalas

    (@carlosalas)

    13 years, 7 months 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.

    Plugin Author Manish Kumar Agarwal

    (@manishkrag)

    13 years, 7 months 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

    Thread Starter carlosalas

    (@carlosalas)

    13 years, 7 months 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.

    Plugin Author Manish Kumar Agarwal

    (@manishkrag)

    13 years, 7 months ago

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

    Thread Starter carlosalas

    (@carlosalas)

    13 years, 6 months ago

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

    Thank you.

    Plugin Author Manish Kumar Agarwal

    (@manishkrag)

    13 years, 6 months ago

    [email protected]
    [email protected]

    Thread Starter carlosalas

    (@carlosalas)

    13 years, 6 months ago

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

    Plugin Author Manish Kumar Agarwal

    (@manishkrag)

    13 years, 4 months ago

    Discussed over message.

    Plugin Author Manish Kumar Agarwal

    (@manishkrag)

    13 years, 4 months ago

    🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Animations’ is closed to new replies.