Html：リンクのプレビューを表示するには？

Question

私はデザイナーではないので、私はこの問題を抱えています。私はマウスオーバーでリンクを持っています.FancyBoxを使ってプレビュー画像を表示したいのですが、ユーザーがリンクしたファイルをダウンロードしたいときにクリックします。 問題は、ダウンロードが実行されないうちにマウスオーバーが常にトラップされることです。ここで

はコードです：

$(".my_link").hover(function() { 
      $.fancybox(
        '<img src=bla bla>', 
        { 
          'autoDimensions'  : false, 
          'width'       : 350, 
          'height'      : 'auto', 
          'transitionIn'   : 'none', 
          'transitionOut'   : 'none' 
        } 
      ); 
    }); 

は、それを解決する方法がありますか？

Answer 1

一方、ホバーには1つの機能しかありません。つまり、マウスオーバーとマウスアウトの両方のアクションに対して、何かが実行されます。ボックスを閉じるためにmouseout関数を使って何かできるかどうか確認できますか？

編集：下記の私の提案を試すことができます。 Fancyboxを閉じるコマンドは$ .fancybox.close（）です。必要に応じて独自のコードに適用することもできます。私がその行で行ったように、2番目の関数をホバーに追加してください。

また、Fancyboxの使用については、私自身は使用していませんが、正しく機能を使用しているかどうかは十分にはわかりません。最初の引数として< img src = "blah blah">要素を渡しますが、これはjQueryなので、 "＃my-img"のようなセレクタを入れなければならないと思います。私が間違っているなら私を訂正してください。

私の疑惑が正しい場合、私は次のことをしようとするだろう：

$(".my_link").hover(function(){ 
    $(this).fancybox(...); 
}, function(){ 
    $.fancybox.close(); 
});