Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 悬停缩略图播放_Javascript_Video_Jquery_Thumbnails - Fatal编程技术网

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的内容