2012-04-02 8 views
1

私はすべての3つのdivに同じサイズの画像を持っている3つのdivjQueryのdivのアニメーション

  1. ページ左
  2. ページ右
  3. フリッパー

を持っています。ドキュメントが用意できたら、私はフリッパーdivでイメージを隠します。アニメートを押すと、jQueryのアニメーション機能を使ってdivを表示します。問題は、フィドルに表示されているように、右から左に、左から右には表示されないように分割したいと思うことです。

http://jsfiddle.net/UZWmd/38/

私は、単一の画像を使用して右から左に明らかに問題を解決していました。しかし、私は物事の現在のスキームでそれを行う方法を把握することはできません。

http://jsfiddle.net/UZWmd/38/

は、誰かが

答えて

1

この効果を望む場合は、逆の方向に進む必要があります。下のdivを表示(表示)する代わりに、上のdivを非表示にする必要があります。あなたのフィドルのthis修正版を見てください。

+0

私は実際にフリップブックを作ろうとしています。私が2ページ目と3ページ目であると仮定しよう。私が前に飛んでいるとき、ページ右のdivとページ4をフリッパーで読み込み、フリッパーを右から左に表示し、同時にx位置をtweenしてフリッピングが完了したときに反転すると、ページ左になります。あなたのsolutiuonはエレガントです。しかし、私はそれを与えられた形式で使うことはできません。私は左から右へのイメージを明らかにする必要があります。それは問題だ。 –

0

はここを見て助けることができます:

How can I animate the opposite way?

操作のmargin-leftとアニメーションの幅がトリックを行うようです。

+0

私のフィドルでそれを行う方法を教えてください。私は試した。しかし、私は台無しにし続けます。 –

関連する問題