javascript - ホバーサムネイル再生時

Question

サーバーにいくつかのビデオがあり、ビデオごとに 3 つのサムネイルが必要です。ビデオにマウスを置くと、そのビデオのすべてのサムネイルが表示されます (再生)。

Answer 1

各サムネイルの静的バージョンとアニメーション バージョンが必要です。最も簡単な解決策の 1 つは、次を使用することです。

<div style='width:100p; height:100px; background:url(static_thumb.gif)'></div>

そして、そのようなすべてのdivに適用されます:

$('your divs').hover(
function(){ $(this).html('<img src='+process($(this).css('background-image'))+'>') },
function(){ $(this).empty() }
);

最後に、url(static_thumb.gif) を ani_thumb.gif のようなものに変更するプロセス関数を指定する必要があります。