浮图秀:悬停看大图 v4.6.4.0

浮图秀:悬停看大图

缩略图放大浏览
  • 版本:v4.6.4.0
  • 大小:87.87 KB
  • 语言:中文
  • 更新:2021-09-08 14:01:06
浮图秀:悬停看大图这是一个不错的美化类浏览器插件,由汉向笛整理发布,功能涉及到缩略图、图片放大、缩略图放大浏览等内容,已被481人关注,同类Chrome插件中评分为9.3分。

插件截图

“浮图秀”(PhotoShow)是一款帮助用户快速查看页面中缩略图对应“大图”的浏览器插件,软件能够会尽可能获取缩略图所对应最大尺寸的原图,帮助用户更好地观察图片的细节。对于所支持的网站,用户鼠标悬停在缩略图时即可看到相应的高分辨率图片。

快捷键操作:

  • Esc:关闭图片预览窗口
  • Shift + Ctrl + ←:逆时针旋转图片
  • Shift + Ctrl + →:顺时针旋转图片
  • ↑ / → / ↓ / ←:向 上 / 右 / 下 / 左 卷动图片
  • PgUp / PgDn:按图片可视高度向 上 / 下 卷动图片
  • Home / End:卷动到图片 顶端 / 底部
  • M / L / A / P:切换视图模式
  • Tab:在新标签页中查看高分辨率图片
  • S:保存高分辨率图片
  • C:复制高分辨率图片地址

设置项:

  • 网站开关:您可以对某一已被支持的网站(域名)单独开启/关闭浮图秀。
  • 激活模式:设置通过 Shift/Ctrl/Alt 键来配合触发鼠标移过时的图片显示。
  • 视图模式:在不同尺寸的图片预览窗口间切换。
  • 尺寸显示:设置是否在图片预览窗口内显示高清图片尺寸。
  • 阴影显示:设置在图片预览窗口和源缩略图之间显示阴影。

所有设置会被浏览器自动同步到您的所有设备(如果您开启浏览器账户同步并允许浏览器同步扩展数据)。

关于图片加载速度:

浮图秀会尽可能获取缩略图所对应最大尺寸的原图,故而在您的网络环境不佳时,图片加载可能较慢。

隐私及使用协议:

浮图秀自身及其所有开发者、参与者并不收集您的任何个人数据,也不对您因使用浮图秀造成的任何损失、个人信息泄露或因非法下载、使用任何网站资源(包括但不限于图片)所造成的纠纷及后果承担责任。安装使用浮图秀即视为您接受上述条款。

浮图秀仅在浏览器本地工作。插件安装时所需的权限仅用于图片的展示和下载,请放心使用。从 3.0 版本起,插件要求“读取和更改您在访问的网站上的所有数据”,以便于后续插件增加所支持的网站时,您不会再被插件所需权限提升的提示打扰。

我们保留随时更改本隐私政策而无需单独通知您的权利。任何修改后的隐私政策都将发布在相关网站上。本隐私政策最后一次更新是在2020年1月24日,取代了此前适用的任何早期版本。

下载地址

相关插件
缩略图
图片放大

用户留言

网友NO.37068
公良锦曦

jquery悬停图片展示大图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery悬停图片展示大图</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<style type="text/css">
 
 
/* tooltip */
#tooltip{
	position:absolute;
	border:none;
	background:#000;
	padding:2px;
	display:none;
	color:#000;
}
</style>
<script type="text/javascript">
//<![CDATA[$(function(){	var x = 10;	var y = 20;	$("a.imgIcon").mouseover(function(e){				var tooltip = "<div id='tooltip'><img src='"+ this.href +"' /><\/div>"; //创建 div 元素		$("body").append(tooltip);	//把它追加到文档中		$("#tooltip")			.css({				"top": (e.pageY+y) + "px",				"left":  (e.pageX+x)  + "px"			}).show("fast");	  //设置x坐标和y坐标,并且显示    }).mouseout(function(){				$("#tooltip").remove();	 //移除    }).mousemove(function(e){		$("#tooltip")			.css({				"top": (e.pageY+y) + "px",				"left":  (e.pageX+x)  + "px"			});	});})//]]>
</script>
</head>
<body>
<a href="Andor.jpg" class="imgIcon"><img width="240px;" src="Andor.jpg" /></a>
 
</body>
</html>

 

最新更新