|
阅读:2620回复:4
[已解决]能否根据url直接显示图片
比如 这篇文章
http://www.edn-europe.com/microcontroll ... urope.html 里面有一个 Figure 1 鼠标划过可以看到 具体的 图片的url地址 我希望 对于这样的页面,可以直接显示图片。 有没有这样的 脚本或者什么方式可以实现呢? |
|
|
1楼#
发布于:2009-12-20 17:35
不知道有没有现成的脚本(有的一定贴上来啊)
我用豆瓣助手脚本撷取了一段它显示图片的功能 你把这段代码保存成 show.user.js 装进greasemonkey // ==UserScript==
// @name Show Pic
// @description 直接显示图片
// @include *
// ==/UserScript==
// 修改自“豆瓣助手 douban helper”脚本
// 豆瓣助手 脚本地址 http://userscripts.org/scripts/show/49911
show_pic();
/* ************************ 图片识别处理 ************************ */
// 检测、显示图片函数
function show_pic(){
var a_links = document.links;
_pic_ = /^http\S*\.(?:jpg|jpeg|jpe|jfif|bmp|png|gif|tif|tiff|ico)/i;
switch ( parseInt(GM_getValue("choice", 1)) ){
case 0:
break;
case 1:// 直接显示图片
for (var i=0,n=a_links.length; i<n; i++){
checkIMG(a_links[i]);
};
break;
// case 2:// 点击时才检测图片
// for (var i=0,n=a_links.length; i<n; i++){
// a_links[i].addEventListener("mousedown", function(e){
// (e.button == 1) && checkIMG(this)
// }, false);
// };
// break;
}
};
//检测图片
function checkIMG(link){
var href = link.href;
var inner = link.innerHTML;
if ( _pic_.test(href) && !/<img\s/i.test(inner) ){
link.addEventListener("mousedown", function(e){
(e.button == 1) && toggle(this.childNodes[0]) && toggle(this.childNodes[1])// 图片\链接切换
}, false);
link.innerHTML = '<img style="max-width:520px;" alt="图片载入ing..." title="点击鼠标中键可切换链接/图片 by豆瓣助手" src="' + href + '" /><span style="display:none;">' + inner + '</span>';
}
}; |
|
|
2楼#
发布于:2009-12-20 17:35
谢谢,工作良好
|
|
|
3楼#
发布于:2009-12-20 17:35
哇哇哇,这个相当实用啊,谢谢分享
|
|
|
4楼#
发布于:2009-12-20 17:35
很使用..
非常感謝./ |
|