Javascript 悬停缩略图播放
我的服务器上有几个视频,每个视频有三个缩略图。我想要的是,如果我把鼠标放在视频上,它会显示(播放)该视频的所有缩略图Javascript 悬停缩略图播放,javascript,video,jquery,thumbnails,Javascript,Video,Jquery,Thumbnails,我的服务器上有几个视频,每个视频有三个缩略图。我想要的是,如果我把鼠标放在视频上,它会显示(播放)该视频的所有缩略图 谢谢您需要每个缩略图的静态和动画版本。 最简单的解决方案之一是使用: <div style='width:100p; height:100px; background:url(static_thumb.gif)'></div> 然后适用于所有此类div: $('your divs').hover( function(){ $(this).html('
谢谢您需要每个缩略图的静态和动画版本。 最简单的解决方案之一是使用:
<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() }
);
$('your divs')。悬停(
函数(){$(this.html(“”)},
函数(){$(this.empty()}
);
最后,您需要指定处理函数,该函数将url(static_thumb.gif)更改为类似ani_thumb.gif的内容