マウスオーバーで横に反転するjqueryについて

質問

マウスオーバーで横に画像が反転するjqueryのプラグインを探しています。

http://lab.smashup.it/flip/
このサイトのように画像Aから画像Bに反転するのですが、下のサムネイルをクリックするのではなく、画像自体にマウスオーバーすることでその画像が反転するものを探しています。
※左から右にスライドするものは省きます。

もし同様のものがあるのであれば、jqueryに限らず情報をお待ちしています。

お力添えよろしくお願いします。

回答No.1

fujillin · ベストアンサー

ご提示のライブラリは、単に回転表示する部分を処理するライブラリなので、インターフェースは各自で実装するようになっているみたいですが…？
とはいっても、回転中はただの台形表示なので、コンテンツが表示されたまま回転するようには見えないと思います。
（canvasを利用すれば、そのようなことも可能そうですが）

とりあえず、ご質問のようにするなら、例えばご提示のページを例にすれば…
$(function(){
　$("#flipbox").one("mouseover",function(){
　　$("#flipbox").flip({
　　　direction: "rl",
　　　color: "#39AB3E",
　　　content: "Next content"
　　});
　});
});
とか。

実際にどのようにしたいのかよくわからないので、このままとは思えませんが、要領としてはこんな方法でいけるのではないでしょうか？
気になったのは、ご提示のページでは回転させるたびに、ドキュメントの最初に妙なタグが追加されること。（ＦＸで実行した場合）
DOCTYPE宣言の前なので、表示されるわけではありませんが…
当然ながら、（↑）の例でも同様の現象が起きます。

お礼

色々試してみたのですが、まだまだ勉強不足で全くできませんでした。

今回は諦める事にします。