Discussion on OpenBC UserImages MouseOver | Userscripts.org

Updated images ..., replied by guerda

guerda — Mon, 06 Jul 2009 17:58:21 +0000

These changes are perfect! It works very well.
The only thing I changed was the z-Index, because the Xing header has 10000 as z-index.

I would appreciate if you insert these changes!

Greetings, guerda

zindex, replied by IzzySoft

IzzySoft — Wed, 13 May 2009 18:17:21 +0000

I'd suggest to increase the zindex (line 53) by just adding another "9", so the image top cannot be hidden by the new navbar...

More img urls, replied by IzzySoft

IzzySoft — Sat, 09 May 2009 23:14:36 +0000

I just noticed that a lot of imgs do not work. Here is an example:

small: https://www.xing.com/img/users/1/e/4/fb0105000....
big: https://www.xing.com/img/users/1/e/4/fb0105000....

as you can see, there is an additional ",\d" introduced. To make the script finding those, too:

var s = imgName.search(/\/img\/users\/.+\_s(1|2|3)?(\,\d|)\.(jpg|gif|png)$/);

and:

newImg.src=this.src.replace(/\_s(1|2|3)?/, "");

With these two changes, it seems to work fine here. Though you might want to improve the second change to be more precise (including the possible ",\d" addition as a back-reference - I'm not that good in it). Just to be on the safe side ;)

Updated images ..., replied by Deniz Burucu

Deniz Burucu — Fri, 08 May 2009 07:37:58 +0000

Because it exists more variants of the ImageURLs like:
xxxxxxxxxxxxxxxxx_s2,11.jpg

// ==UserScript==
// @name OpenBC UserImages MouseOver
// @namespace
// @description Shows big images when hovering over userImages in OpenBC/Xing.
// @include *xing.com/*
// ==/UserScript==
// OpenBCUserImages.user.js

/*
This is a Greasemonkey user script.

To install, you need Greasemonkey: http://greasemonkey.mozdev.org/
Then restart Firefox and revisit this script.
Under Tools, there will be a new menu item to "Install User Script".
Accept the default configuration and install.

To uninstall, go to Tools/Manage User Scripts,
select "OpenBCImageSize", and click Uninstall.
*/

(function() {
function cumulativeOffset(element) {
var valueT = 0, valueL = 0;
do {
valueT += element.offsetTop || 0;
valueL += element.offsetLeft || 0;
element = element.offsetParent;
} while (element);
return [valueL, valueT];
}

window.addEventListener("load", function(e) {
var imgList = document.getElementsByTagName("img");
for( i=0; i < imgList.length; i++) {
var imgName = imgList[i].src;
var s = imgName.search(/\/img\/users\/.+\_s(1|2|3)?(,(.)*)?\.(jpg|gif|png)$/);
if( s != -1) {
bigimage=imgName.replace(/\_s(1|2|3)?(,(.)*)?\./, ".");
newImg = document.createElement("img");

ow=imgList[i].width;
imgList[i].addEventListener("mouseover",
function(e){
newX=cumulativeOffset(this)[0]
newY=cumulativeOffset(this)[1]
newImg.src=this.src.replace(/\_s(1|2|3)?(,(.)*)?\./, ".");
//newImg.style.width="140px";
//newImg.style.height = "185px";
newImg.style.position="absolute";
newImg.style.border='1px solid #000';
newImg.style.zIndex='999';
newImg.style.top=(newY-185/2).toString() + 'px';
newImg.style.left=(newX+ow).toString() + 'px';
document.body.appendChild(newImg);
},false);
imgList[i].addEventListener("mouseout",
function(e){
document.body.removeChild(newImg);
},false);

}
}
return;
}, false);
})();

Archived Comments, replied by bdrain

bdrain — Sun, 20 Apr 2008 16:17:33 +0000

thanks. that works fine, ingooooooo!

Archived Comments, replied by ingooooooo

ingooooooo — Tue, 08 Apr 2008 12:33:32 +0000

To make it work with the new image urls, replace line 37:

var s = imgName.search(/\/img\/users\/.+\_s(1|2|3)?\.(jpg|gif|png)$/);

var s = imgName.search(/\/img\/users\/.+\_s(1|2|3)?(,(\d+))?\.(jpg|gif|png)$/);

and line 47:

				newImg.src=this.src.replace(/\_s(1|2|3)?\./, ".");

				newImg.src=this.src.replace(/\_s(1|2|3)?/, "");

Archived Comments, replied by bdrain

bdrain — Sun, 06 Apr 2008 22:39:58 +0000

xing changed some user image links. unfortunately these links dont work with this script...

Archived Comments, replied by louis

louis — Wed, 06 Jun 2007 21:30:11 +0000

Updated the script with Nobbys suggestions.

Archived Comments, replied by Nobby

Nobby — Sun, 18 Feb 2007 09:51:56 +0000

If you want to make the script work with every type of thumb on XING, replace "s2?" with "s(1|2|3)?" everywhere in the script. Perhaps Louis can update his script here.

Regards, Norbert

Archived Comments, replied by Jesse Andrews

Jesse Andrews — Wed, 17 Nov 2004 01:05:24 +0000

The following is an archive of comments made before threaded discussions was implemented (November 16th, 2008)