在悬停缩略图播放

时间:2009-08-22 07:50:33

标签: javascript video jquery thumbnails

我的服务器上有几个视频,每个视频有三个缩略图我想要的是如果我把鼠标放在它显示的视频上(播放)该视频的所有缩略图 感谢

1 个答案:

答案 0 :(得分:0)

您需要拥有每个缩略图的静态和动画版本。 最简单的解决方案之一是使用:

<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。