论坛's Archiver

CrendKing 发表于 2009-5-1 14:40

显示原始图片

[i=s] 本帖最后由 CrendKing 于 2009-6-9 04:58 编辑 [/i]

对于网页上被缩小或者放大的图片,本脚本会显示一个绿色或红色的边框。当按住 shift 键并把鼠标移动到任一图片时,在窗口中央显示此图片的原始大小,同时窗口中其他区域变暗(称此为显示模式)。当窗口不足以容纳原始图片时,原始大小会适应窗口大小,无需滚动。显示的原始图片可以通过鼠标滚轮放大缩小。shift 键、边框颜色、样式等等都是可以通过常量自定义的。

在显示模式中按住 shift 键(同上,可更改)则显示该图片的元数据,如文件大小,长宽。如果图片存在 EXIF 信息也会显示。放开 shift 键则隐藏元数据信息。

安装后可以到[url=http://userscripts.org/scripts/show/47917]页面[/url]底部的测试区试试效果。

脚本地址:
[url=http://userscripts.org/scripts/show/47917]http://userscripts.org/scripts/show/47917[/url]
[url=http://userscripts.org/scripts/source/47917.user.js]http://userscripts.org/scripts/source/47917.user.js[/url]

iwo 发表于 2009-5-1 15:17

赞歌先!
支持lz

hoolooday 发表于 2009-5-1 16:38

怎么去掉不用
shift就可以显示了?
麻烦楼主了

littleboyzt 发表于 2009-5-1 16:39

恩,不错,比以前用的那个stylish更好

hallelujah 发表于 2009-5-1 17:08

不错,希望能加入鼠标滚动功能

CrendKing 发表于 2009-5-1 17:58

[quote]不错,希望能加入鼠标滚动功能
[size=2][color=#999999]hallelujah 发表于 2009-5-1 17:08[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=180331&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

1.1 已加入,请试用。

liuxb 发表于 2009-5-1 20:01

谢谢
同样希望去掉按shift这一步, 怪麻烦的.
或者作个开关吧.

littleboyzt 发表于 2009-5-1 23:23

有个问题,发现对于帖子底部的图片 头像之类,这脚本会把它显示到最上面,还得把页面往上拉才看得到

CrendKing 发表于 2009-5-2 12:02

[i=s] 本帖最后由 CrendKing 于 2009-5-2 12:04 编辑 [/i]

更新 1.2 版,解决大量兼容性问题。应该可以在绝大多数网站正常显示了。

[quote]谢谢
同样希望去掉按shift这一步, 怪麻烦的.
或者作个开关吧.
[size=2][color=#999999]liuxb 发表于 2009-5-1 20:01[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=180353&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

加入了 modifier 这个常量,默认值为 shift。如果你不需要按键,请将其设为空字符串。加这个辅助键主要是防止不小心移到不想浏览的图片上。

[quote]有个问题,发现对于帖子底部的图片 头像之类,这脚本会把它显示到最上面,还得把页面往上拉才看得到
[size=2][color=#999999]littleboyzt 发表于 2009-5-1 23:23[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=180389&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

1.2 版相信应该解决问题了。如果仍然有问题,请告诉我地址。谢谢!

littleboyzt 发表于 2009-5-2 13:32

[quote]更新 1.2 版,解决大量兼容性问题。应该可以在绝大多数网站正常显示了。



加入了 modifier 这个常量,默认值为 shift。如果你不需要按键,请将其设为空字符串。加这个辅助键主要是防止不小心移到不想浏览的图片上 ...
[size=2][color=#999999]CrendKing 发表于 2009-5-2 12:02[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=180449&ptid=29876][img]resource://gre/res/broken-image.gif[/img][/url][/size][/quote]

恩,这下好了,多谢

liuxb 发表于 2009-5-3 07:34

多谢,非常好用.
不知道能否再加个图片全屏显示后,可以使用鼠标左键拖动的功能呢?
discuz! 7里点击附件图片,就有个类似的功能.

CrendKing 发表于 2009-5-3 09:06

[quote]多谢,非常好用.
不知道能否再加个图片全屏显示后,可以使用鼠标左键拖动的功能呢?
discuz! 7里点击附件图片,就有个类似的功能.
[size=2][color=#999999]liuxb 发表于 2009-5-3 07:34[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=180603&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

我有时间再做吧,个人认为这个功能意义不大,实现起来却比较麻烦,因为可能要写 mousedown, mousemove, mouseup 一系列事件。可能有更容易的方式,得去 google.

lenglingqi 发表于 2009-5-5 10:43

希望当图片使窗口无法容纳时,有个显示原始大小的按钮

CrendKing 发表于 2009-5-5 15:40

[quote]希望当图片使窗口无法容纳时,有个显示原始大小的按钮
[size=2][color=#999999]lenglingqi 发表于 2009-5-5 10:43[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=181090&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

你是说显示那个超出窗口的原始大小吗?

littleboyzt 发表于 2009-5-10 18:09

想提个小小的建议

"对于网页上被缩小或者放大的图片,本脚本会显示一个绿色的虚线边框。"

能不能换个不那么明显的提醒方式,有的图片周围加个绿框看上去感觉有点不协调

hoolooday 发表于 2009-5-10 22:19

[quote]更新 1.2 版,解决大量兼容性问题。应该可以在绝大多数网站正常显示了。



加入了 modifier 这个常量,默认值为 shift。如果你不需要按键,请将其设为空字符串。加这个辅助键主要是防止不小心移到不想浏览的图片上 ...
[size=2][color=#999999]CrendKing 发表于 2009-5-2 12:02[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=180449&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]
相当感谢.特意过来支持下

CrendKing 发表于 2009-5-11 10:11

[quote]想提个小小的建议

"对于网页上被缩小或者放大的图片,本脚本会显示一个绿色的虚线边框。"

能不能换个不那么明显的提醒方式,有的图片周围加个绿框看上去感觉有点不协调 ...
[size=2][color=#999999]littleboyzt 发表于 2009-5-10 18:09[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=182036&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

如果不喜欢可以自己打开源文件改。比如不喜欢虚线则改
[code]const border_style = "dashed";[/code]

[code]const border_style = "solid";[/code]
毕竟每个人习惯不同,众口难调嘛。

CrendKing 发表于 2009-5-12 05:04

我个人的想法是,在浏览模式加上一些所有图片都通用的信息,比如 exif,图片像素大小,图片文件大小等等,然后让所有图片都可以进入浏览模式,就不需要框了。只是不知道 Greasemonkey 能不能做到这些,毕竟和扩展比,脚本的限制更多。

lenglingqi 发表于 2009-5-12 11:44

[i=s] 本帖最后由 lenglingqi 于 2009-5-12 11:46 编辑 [/i]

[quote]

你是说显示那个超出窗口的原始大小吗?
[size=2][color=#999999]CrendKing 发表于 2009-5-5 15:40[/color] [/size]


比方说:一个图片大小为1024×10000,按SHIFT键移动到图片,图片就会自动缩小适应当前的屏幕分辨率以达到完全显示的效果。在这种情况下,如果有个缩放100%的按钮就好了。

hoolooday 发表于 2009-5-12 12:24

[quote]

你是说显示那个超出窗口的原始大小吗?
CrendKing 发表于 2009-5-5 15:40


比方说:一个图片大小为1024×10000,按SHIFT键移动到图片,图片就会自动缩小适应当前的屏幕分辨率以达到完全显示的效果。在这种情况下 ...
[size=2][color=#999999]lenglingqi 发表于 2009-5-12 11:44[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=182219&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]
可以设置中键这样做其实很不错的想法,楼主不知道能不能实现

hoolooday 发表于 2009-5-12 12:25

[quote]

如果不喜欢可以自己打开源文件改。比如不喜欢虚线则改
const border_style = "dashed";

const border_style = "solid";
毕竟每个人习惯不同,众口难调嘛。
[size=2][color=#999999]CrendKing 发表于 2009-5-11 10:11[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=182092&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]
这个还不错,不过可以不可以在图片上面有个小提示就可以了,比如一个图标什么的,这样就更好了

harnack 发表于 2009-5-14 14:05

[i=s] 本帖最后由 harnack 于 2009-5-14 17:01 编辑 [/i]

有没有可能改成单击以后在屏幕中央显示呢?(就像本论坛一样。)

CrendKing 发表于 2009-5-15 04:22

[quote]有没有可能改成单击以后在屏幕中央显示呢?(就像本论坛一样。)
[size=2][color=#999999]harnack 发表于 2009-5-14 14:05[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=182438&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

问题是,如果图片本身可点击则其行为会被覆盖掉。很多时候发帖者很贴心的发一副缩小图,然后链接到原始大小。如果给图片加上点击事件则无法打开超链接了。

harnack 发表于 2009-5-15 20:22

这倒是,我昨天自己试了下的确会有这个问题。

潇洒走一回 发表于 2009-5-15 23:46

[quote]想提个小小的建议

"对于网页上被缩小或者放大的图片,本脚本会显示一个绿色的虚线边框。"

能不能换个不那么明显的提醒方式,有的图片周围加个绿框看上去感觉有点不协调 ...
[size=2][color=#999999]littleboyzt 发表于 2009-5-10 18:09[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=182036&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]
我也是这么想的,特别是小图片,围上粗粗的框线很难看的

潇洒走一回 发表于 2009-5-16 00:06

我认为完美的解决方式应该借鉴flash的过滤提醒,很透明 很低调!
                                                                                   
                      [attach]17112[/attach]

CrendKing 发表于 2009-5-16 13:26

[i=s] 本帖最后由 CrendKing 于 2009-5-21 07:27 编辑 [/i]

[quote]我认为完美的解决方式应该借鉴flash的过滤提醒,很透明 很低调!
[size=2][color=#999999]潇洒走一回 发表于 2009-5-16 00:06[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=182581&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

谢谢建议。这些要实现起来都不难。主要是最近很忙, 没时间顾这边。根据我在 [url=http://board.mozest.com/viewthread.php?tid=29876&page=2#pid182193]18楼[/url] 的设想,以后我是打算去掉框的。

gaokun 发表于 2009-5-21 06:37

这个功能很赞,不过很多网站存在兼容问题,会显示什么0.0.1之类的警示框,新版好像有所改善。
自己去掉shift这个按键要求,觉得很不习惯,因为光标一向是乱动的,能不能改为光标移到图片就显示原图,光标从原图移开就恢复原状,这样不需要再点一次,可能方便许多,如果需要放大缩小图片,只要在原图上滚动滚轮就行。

CrendKing 发表于 2009-5-21 07:33

[quote]这个功能很赞,不过很多网站存在兼容问题,会显示什么0.0.1之类的警示框,新版好像有所改善。
自己去掉shift这个按键要求,觉得很不习惯,因为光标一向是乱动的,能不能改为光标移到图片就显示原图,光标从原图移开 ...
[size=2][color=#999999]gaokun 发表于 2009-5-21 06:37[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=183236&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]

原始图片可能很大,甚至超过窗口大小。这种情况下“移开”图片是不可能的,因而无法恢复正常阅读状态。

脚本最初的假设是,有意放大或者缩小的图片在网页中并不多,而且很多此类图片用户并不关心(比如某些小图标)。真正需要这个功能的是例如屏幕截图之类的。既然出现情况不多但有很必要,按住 shift 键并不是什么很令人难以接受的事。

harnack 发表于 2009-5-21 10:59

[quote]这个功能很赞,不过很多网站存在兼容问题,会显示什么0.0.1之类的警示框,新版好像有所改善。
自己去掉shift这个按键要求,觉得很不习惯,因为光标一向是乱动的,能不能改为光标移到图片就显示原图,光标从原图移开 ...
[size=2][color=#999999]gaokun 发表于 2009-5-21 06:37[/color] [url=http://board.mozest.com/redirect.php?goto=findpost&pid=183236&ptid=29876][img]http://board.mozest.com/images/common/back.gif[/img][/url][/size][/quote]
如果仅仅是要实现鼠标悬停时显示原始图片的功能,用css就行了:
http://userstyles.org/styles/8188

页: [1] 2

© 2004-2009 Mozest.com