Extra caution is recommended when installing recently uploaded/updated scripts (read more)
Be sure you trust any scripts you install

inYOf4ceBook

larger versions of thumbnails and profile pictures on mouseover on facebook.com. Based on inYOfaceBook and inYOfac3Book.

Did this script help you? Please donate, but don't feel forced to! Make payments with PayPal - it's fast, free and secure!

NEW!! Users of this script may also be interested in my new script, Facebook Colour Changer.

This script is very similar to my script inYOfac3Book, but with a few minor changes;

  • pages will load much faster; larger images only load when the mouse is over small ones,
  • larger images remain visible if the mouse is over them until the mouse goes off them,
  • larger images will display image titles if the mouse hovers over them (this can only occur when the large image overlaps the smaller one when it is displayed),
  • funky image background behind the larger images whilst they are loading.
The main advantage of this over inYOfac3Book is the first point; images are only loaded on demand, giving the page a quicker load time, but large images will have a slower load time if you wish to view them.

NB. you need to be using the Firefox web browser with the Greasemonkey extension installed to use this script.

Updates

For users of this script who want to be kept up-to-date with updates to it, I recommend using the Script Updater script. I've not added an auto-checker on this script by default because I believe users shouldn't be bugged to update scripts, but I personally use this one above.

Update Log

26-April-2007: image titles only added to large image if they have one initially. This will stop 'null' coming up on mouseover of such images.
09-May-2007: small gap along bottom of larger images now removed.
09-May-2007: a bug that makes the window too wide removed.
10-May-2007: further bugs with window width removed. Issues now remain with 'tearing' of the window, although I can't find any good fixes at this time.
29-May-2007: fixed Facebook applications bug.
30-May-2007: large images now link to the same place as the small images.
18-June-2007: Page no longer tears when scrolling after viewing large images. Large image now disappears if the mouse is moved more than 37 pixels.
3-July-2007: Minor tweaking of when image should disappear.
28-September-2007: Minor change to fix when large images should appear to fix problems with apps.
12-October-2007: Minor change to image titles. Problems with apostrophes now fixed.
22-November-2007: I've made a few pretty major display changes, also more tweaking of then images should be displayed. Thanks also to Raffles for the input. Further changes implemented as suggested by Raffles.
27-November-2007: More changes made to determine when images should display. There should no longer be problems with apps where image appears to be loading forever, and facebook should have quicker loadtimes. Thanks again to Raffles for the comment.
9-December-2007: Further minor tweaking of which images should enlarge.
23-December-2007: Fixed to work with Facebook's new way of displaying friends.
9-January-2008: Yet more tweaking of which images get enlarged.
24-April-2008: Changes for new "People You May Know" box.
2-May-2008: Fixed to go over search box.
13-May-2008: Fixed to be more efficient, and should work on all small images (some issues were experienced with the previous version).
14-May-2008: A few minor changes to restore some functionality lost due to recent facebook changes.

Screenshot

Also note that in the screenshot below, the menu bar is on the left because I'm using the script Undo new facebook redesign.




May 3, 2008
Praveen Mark... User

awesome. thanks a bunch
 
May 2, 2008
znerp Script's author

@Praveen Markandu: Thanks for letting me know; this was a simple bug due to some change made by facebook. I've fixed it now.
 
May 2, 2008
Praveen Mark... User

is it just me or does the search bar now stay on top of the enlarged pictures? it makes a while box
 
Mar 21, 2008
ZeN ScHiZo User

Great Work znerp!! xD
 
Dec 30, 2007
sergiothatguy User

Yes it does. Thanks!

That bobielawlintine username was on BugMeNot =)
 
Dec 28, 2007
znerp Script's author

@bobielawlintine: Thanks for your input regarding the captions.

In responce to your question, the larger images have the same url as thumbnail images save for one character. The thumbnail images have filenames of the form t123456789_12345678_1234.jpg, there's a slightly larger version with a filename of the form s123456789_12345678_1234.jpg, and the fullsized version has a filename of the form n123456789_12345678_1234.jpg. So the first letter of the filename is all that is changed to get the address of the fullsized image. I hope that this helps.
 
Dec 28, 2007
bobielawlintine Scriptwright

I don't see why the captions are such a big deal. I see the captions on the tooltip when I hover over pictures anyway, so adding that feature would be superfluous.

Anyway, is there a way to save the enlarged picture or to obtain the URL for that enlarged image? I took a look at your script, but couldn't determine what finds out the exact URL of the original image as opposed to the thumbnail URL.
 
Dec 27, 2007
znerp Script's author

@aok: I've just installed that script, and I can see how it's done there which I think works better with that script as the caption's displayed at the bottom of the page for all images, but with my images anchored to the top left it would vary depending on how tall the images are. I'm happy with my script working as it does with the title on images, can anyone else leave any opinions on this in the comments here please?
 
Dec 27, 2007
aok User

znerp: In regards to the picture captions, you can take a look at the "Facebook thumbnail enlarger" script to see how it does it. It would be great if you could also implement the captions.

Anyhow, thanks for the script!
 
Dec 26, 2007
znerp Script's author

@Praveen Markandu: I can't really picture how that would work too well, and I don't know if you've noticed but if you mouseover the image for a few seconds the title should appear by the cursor for both thumbnails and enlarged images.
 
Dec 25, 2007
Praveen Mark... User

it would be cool if this script grabbed and placed the caption at the bottom of the pic for pictures that have a caption
 
Dec 25, 2007
znerp Script's author

arriman409: As it happens, as of my most recent update means it will now work with that script. There is one small facet though; when all images in a gallery have (eventually) loaded, simply click somewhere on the page that isn't a link and it should then work. I implemented this as a hack to get around the way that friend lists are now loaded, and it occurred to me that it works for that script too.
 
Dec 25, 2007
arriman409 User

this script doesn't work when viewing pictures albums seen through your "Facebook View Photo in Album" script. is there anyway to fix that?
 
Dec 22, 2007
B0b User

Works great for me on page 1 of x friends. Selecting page 2 (or 3 or 4 etc) or next somehow disables the script. Refreshing the web page allows script execution and mouseover action works well, but back at page 1. Seems like *profile.php?id= gets lost. Any body else see this behavior?
 
Nov 27, 2007
znerp Script's author

@Raffles: Good thinking, I've been meaning to play with xpaths more, so I've fixed that to load only the predetermined urls as you suggest.

@Santiago Riveros: I don't know the noscript addon, but after a quick google search and reading the FAQ it seems that this script should probably work if you simply whitelist the facebook domain. Hope that this helps.
 
Nov 26, 2007
Santiago Riv... User

noscript addon is messing with inYOf4ceBook, any advice on how to set it up so they can work together? probably is that xss or jar stuff implemented latetly in noscript that i honestly dont understand... thanks
 
Nov 24, 2007
Raffles Scriptwright

er, I meant "Then the loading image won't appear" ...
 
Nov 24, 2007
Raffles Scriptwright

I have a suggestion. Disable the onmouseover event from occurring on images where they are linked to pages that start with "apps.facebook", that are identical to the current URL + # (used by some apps to do some Javascript) or any others you may have noticed where it is impossible to obtain the original image or where there isn't one. It might be easier to restrict it to a pattern of known URLs where it works, actually, e.g. /album.php?aid=, profile.php?id= (profile image thumbs) and photo.php?pid=

Then the loading won't appear to be loading something it can't access forever.
 
Nov 24, 2007
Raffles Scriptwright

Great stuff, and yes, the loading image is a nice one.
 
Nov 23, 2007
Praveen Mark... User

ignore my stupidity. i was running both of your inyourfacebook scripts at the same time. all is good now.
 
Nov 23, 2007
Praveen Mark... User

dont mean to be a pain in the butt. but the border looks a bit weird in firefox3 beta1....image is placed overlapping the border towards the upper left corner
 
Nov 22, 2007
znerp Script's author

I've updated it as you suggested, Raffles. Good call on the no-repeat idea, I like that. Also I'm not too bothered about the colour of the border, I copied the colours from the bar down the right hand side on facebook but I've changed it back to blue as you suggest.

On a side note, I quite liked the loading image that I used; the blue colour in that works well. Incidentally I found it when I was looking at one of the 'scrap all' scripts, so I guess they have at least the one advantage.

Thanks again for the pointers, I'm glad that you like the script.
 
Nov 22, 2007
Raffles Scriptwright

Much better. :) However, I think you need to add no-repeat to the background property for the loading image: 

newDiv.setAttribute('style', 'background:url('+loading+') no-repeat;min-height:.....

Also, I preferred the old blue border, but other than that, it's perfect.
 
Nov 22, 2007
znerp Script's author

Thanks for the feedback, Raffles. I've implemented some changes along the lines of the ones that you've listed. This is one of my earliest scripts, and I do wonder why I chose to do some things certain ways. I've changed the background image so that it looks better to me now; I hope you aprove of this one - I think it's much easier on the eyes.
 
Nov 11, 2007
Raffles Scriptwright

Brilliant script.

I can't say I'm a fan of that background image you give the inner div. Also, you don't need to give the anchor and the image margin-bottom (there is still a gap for me there anyway). Just give them both display:block and the gap goes away.

I've changed the script so that newDiv gets a 3px border, got rid of the padding, got rid of the inner div and gave newDiv the same background colour as the border (the background colour you currently give newDiv). Looks quite nice.

You could comment on this script if you were logged in.