0

I am new to jQuery and am using 2 plugins together.

http://www.drewgreenwell.com/projects/metrojs ^ For a flip effect when the page loads and mouseover flip effect.

And rcarousel, which I can't post a link to because I'm new.

Basically, the effect is this:

  • Page loads, all of the tiles should flip/animate.
  • Any mouseover should cause the tile to flip again (currently for testing purpose, they all flip at the same time, twice, then stop, and then flip on mouesover).
  • Carousel will be sitting in a header and requires user interaction to scroll through the rest of the tiles.

They work fine together when the page first loads ... but once you press Left or Right arrow on the carousel, the animation no longer functions, neither if I change the repeat back to infinite nor on mouseover.

http://www.elevation24.com/newtiles

Thanks for any assistance, please be gentle :) I realize everything is likely quite convoluted and messy... I have no idea what I am doing and am amazed I have gotten this far :D

4

1 回答 1

0

当你加载新的'flipboxes'时，你必须再次调用'flip-script'......

如果你为他们做一个函数，那将是最简单的

function loadFlip(){
    $(".live-tile").hover(function(){
        $(this).liveTile("animate");
    });
}

每次单击上一个或下一个链接时调用此函数.. :]

于 2012-05-22T23:36:47.657 回答