• 5/14/2011 - Updated to show scale in percent, not how many pixels cut off.
I initially got the idea for this script from this script here
, and I loved it so much that I wanted to take the idea and improve it a bit (along with fix it, since that specific script is broken right now).
So this is what I came up with, and it's a tad nicer because of some jQuery goodness (so things fade in smoother), and because it works in more places (like deviation stacks and the chat rooms).
This works in Firefox, and sometimes
in Chrome. I say sometimes since it just doesn't show the image everytime. I have no idea why. Chrome is funky like that. If anyone knows how to fix it, please, be my guest
Anyway, once you install this, you can go to any place that has thumbnails (the 150px width ones, or
the 300px width ones), hold shift, then hover the thumbnail. You'll see the background darken and the text Loading...
appear. Once the image is ready, it will fade in. The image will be centered on the page, and if it's wider or taller than your browser window, it will shrink to fit. If it gets scaled down, you'll see a message saying that it's been scaled down, and by how many pixels. That will only show for 3 seconds, then fade out. Also, if your mouse is over the image, it will change to a very small and faint dot. The idea is to have the mouse cursor not interfere with the artwork. You can also click the image to get to that deviation's page (although it's not a href, so you can't see it listed in your browser). To make the full view go away, just move your cursor outside of the thumbnail.
I made it fully download the image, then
fade it in, since that's how I can center the image in your browser. I could show it loading (scanning down line by line, as is the case with most jpeg's), but that makes it harder to center, and it's just disorienting to have the image load in at the top left, then jump to the center.
It's sounds a bit complicated, but it's pretty simple and you should be able to figure it all out. Shoot me a comment if you have any questions
Tested in the latest Firefox with the latest Greasemonkey, and the latest Chrome.
Just copy this URL and paste it into a new tab to install the script. There's no settings or anything here, just press shift then hover a thumb. And you have to press shift first, then
hover. You can't hover and press shift afterwards.http://electricjonny.com/code/deviation_quick_view.user.js
As always, let me know what you think and if you have any suggestions for this