Discussion on IMDb enlarge actor pictures on hover | Userscripts.org

@include, replied by Chicago_gangster

Chicago_gangster — Sun, 15 Nov 2009 03:41:51 +0000

To prevent the script from running (unnecessarily) on all subpages of titles, I'd suggest to make @include narrower:

// @include        http://*.imdb.com/title/*/
// @include        http://*.imdb.com/title/*/#*
// @include        http://*.imdb.com/title/*/maindetails*
// @include        http://*.imdb.com/title/*/combined*
// @include        http://*.imdb.com/title/*/fullcredits*
// @include        http://*.imdb.com/title/*/epcast*

BTW, there's no need to include the http://imdb.com domain in any scripts - it doesn't exist any more (eliminated almost 2 years ago; it redirects to www now).

Please update, replied by ideal4ever

ideal4ever — Thu, 10 Sep 2009 03:25:55 +0000

Thanks for your reply :)
What you said made me sure that whatever caused this was on my side, and from my settings. To my surprise I had not changed my settings for a long time and it was working fine before, but anyway, now that I tried to look into my settings, found out that there was this addon named "script manager" by which I had restricted javascripts from modifying images. Still don't know how it was working before.
Anyway, thank you again and good luck :)

Please update, replied by Henrik N

Henrik N — Tue, 08 Sep 2009 16:36:24 +0000

Works for me. Could you give an example page where this happens? Which browser?

Please update, replied by ideal4ever

ideal4ever — Tue, 08 Sep 2009 05:09:34 +0000

I'd really appreciate it if you (or you guys who read this) could take a look at it and see if you can fix this

everything works but the image replacement doesn't take place, and the image is the same one, except enlarged and blurred

Compatible with GreaseKit, replied by Henrik N

Henrik N — Sun, 21 Jun 2009 22:05:51 +0000

Now compatible with GreaseKit (Safari).

[mod] on demand enlarge, replied by lazyttrick

lazyttrick — Wed, 18 Mar 2009 11:38:12 +0000

I've made this little mods:
- fetch larger image on demand, only when needed
- larger image moved a little to the left...

thanks and congratulations for this script, it's simple and effective.

// ==UserScript==
// @name           IMDB enlarge actor pictures on hover
// @namespace      http://henrik.nyh.se
// @description    Enlarges actor pictures in IMDB cast lists when you hover over that table row.
// @include        http://*.imdb.com/title/*
// @include        http://imdb.com/title/*
// ==/UserScript==

var tiny_heads_xp = "//a[contains(@onclick, 'tinyhead')]/img";

GM_addStyle(
	// Since we replaced thumbs with medium images and removed width/height, keep them small this way
	"img.GM_actorPicture { height:32px; width:22px; }" +
	// Enlarge on hover
	"tr:hover a img.GM_actorPicture { height:auto; width:100px; position:absolute; margin-left:-107px; margin-top:-51px; }"
);

$x(tiny_heads_xp).forEach(function(img) {
	img.addEventListener("mouseover",enlarge,false);
});

function enlarge(evt) {
	img = evt.target;
	if(img.src.search(/_SX100_SY150_/) < 0) {//if not enlarged yet
		img.removeEventListener("mouseover",enlarge,false);
		img.src = img.src.replace(/_SY\d+_SX\d+_/, "_SX100_SY150_");  // Replace thumbs with larger images
		img.className = "GM_actorPicture";
		img.height = img.width = null;
	}
}

/* Staple functions */

function $x(path, root) {
	if (!root) root = document;
	var i, arr = [], xpr = document.evaluate(path, root, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
	for (i = 0; item = xpr.snapshotItem(i); i++) arr.push(item);
	return arr;
}

Recent IMDB change broke this script., replied by dDub

dDub — Mon, 12 Jan 2009 04:42:33 +0000

ahh, brill. Thanks for the fix =P

Moved the picture, replied by Tekjock

Tekjock — Thu, 25 Dec 2008 11:48:33 +0000

I love this script.

I moved the location of the picture, I changed the -77 to margin-left: -120px;

One of my fav scripts

Recent IMDB change broke this script., replied by Emilio Mejia

Emilio Mejia — Mon, 22 Dec 2008 18:13:05 +0000

Thank you very much for the fix.

Recent IMDB change broke this script., replied by Henrik N

Henrik N — Sat, 20 Dec 2008 10:22:55 +0000

Thanks! Fixed.

Recent IMDB change broke this script., replied by znerp

znerp — Sat, 20 Dec 2008 08:44:05 +0000

To fix this, change line 19 of the script to..

img.src = img.src.replace(/_SY\d+_SX\d+_/, "_SX100_SY150_");  // Replace thumbs with larger images

Archived Comments, replied by CataCC

CataCC — Sat, 06 Sep 2008 20:06:23 +0000

it's working fine for me

Archived Comments, replied by Henrik N

Henrik N — Thu, 24 Apr 2008 09:20:23 +0000

ebkworldwide: Not something I'd use myself, so I can't justify spending time on it, but feel free to write a script for that based on this one.

Archived Comments, replied by ekbworldwide

ekbworldwide — Thu, 24 Apr 2008 00:35:01 +0000

Is this a crazy idea?

How about if you made a script to enlarge movie posters on hover?

Like this:
http://farm3.static.flickr.com/2245/2437766926_...

Archived Comments, replied by ekbworldwide

ekbworldwide — Sun, 06 Apr 2008 09:58:45 +0000

I just re-installed your script. The problem persists.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

Suggestion...

You could post version notes with dates.

Something like this

Version 1.2 (27 Nov. 2007)-- adds link to RottenTomatoes page even if it didn't find a score.
Version 1.1 (26 Oct. 2007)-- fixes error on combined and maindetails pages -- didn't grab movieID correctly.

Archived Comments, replied by Henrik N

Henrik N — Sat, 29 Mar 2008 09:13:54 +0000

I still can't reproduce this issue. It works fine for me. Tried reinstalling the script from this page to make sure I was up to date, and it still works fine.

So this is what the script does. Perhaps someone could look at the page source of a page where this breaks, and tell me where it goes wrong:

It finds all images surrounded by a link with an onclick attribute containing the text "tinyhead". This should be the actor pictures.

It then takes the image URL and replaces
_SX123_SY456_
with
_SX100_SY150_
where 123 and 456 can be any numbers.

What are the actor picture URLs? What are the onclicks of their links?

Archived Comments, replied by TonyS

TonyS — Sat, 29 Mar 2008 03:43:45 +0000

I'm experiencing the same thing as ekbworldwide. The enlarging part does work, but the picture is blurred. IIRC, this happened a couple of months ago and an update fixed it.

Archived Comments, replied by Quivis

Quivis — Mon, 24 Mar 2008 10:37:01 +0000

Ooops, sorry. That's from old code. Oh, well. It works for me. ;-)

Archived Comments, replied by Quivis

Quivis — Mon, 24 Mar 2008 10:32:26 +0000

Had the same problem. Changed this function:

with_each(tiny_heads_xp, function(img) {
img.src = img.src.replace(/_SX23_SY30_\.(jpg|gif|png)$/, '_SY140_SX100_.$1'); //<-->

Seems they're changing stuff around on imdb from time to time.

Archived Comments, replied by ekbworldwide

ekbworldwide — Sat, 22 Mar 2008 18:32:03 +0000

Hmmm....

I turned off all my idmb scripts - and I also turned of things like "Link Tooltips" - but it was no good. No page at imdb works - all images are blurred.

I'm using Adblock Plus, Adblock Plus Element Hiding Helper, NoScript, Remove it Permanently. I'll play around with the settings to see if I can get your script to work.

Archived Comments, replied by Henrik N

Henrik N — Sat, 22 Mar 2008 11:30:49 +0000

ekbworldwide:

Weird, it Works For Me™. On that page with that actor. The screenshot looks like the enlarging part works, but the thumbnail hasn't been swapped for the larger-size image first.

Archived Comments, replied by ekbworldwide

ekbworldwide — Sat, 22 Mar 2008 03:49:21 +0000

I just upgraded.

It's not working.

image (example of the problem)
http://farm3.static.flickr.com/2033/2350664735_...

Near Dark (1987)
http://www.imdb.com/title/tt0093605/

Archived Comments, replied by Henrik N

Henrik N — Thu, 07 Feb 2008 17:55:49 +0000

Fixed! Thanks for letting me know.

Archived Comments, replied by Andreas F

Andreas F — Thu, 07 Feb 2008 17:19:50 +0000

Does not work anymore, how do you edit the script?

Archived Comments, replied by Uqqeli

Uqqeli — Wed, 06 Feb 2008 17:00:58 +0000

Change the regular expression to this:
img.src = img.src.replace(/\/VM\._SX[\d]+_SY[\d]+_\.(jpg|gif|png)$/, '/VM._SX100_SY140_.$1');