deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop
 Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Download Image
PNG, 1302×867 more ▶

More from `electricjonny

Featured in Groups:

:iconiterators: #iterators
We iterate!

Details

May 13, 2011
1,017 KB
1302×867
Link
Thumb

Statistics

Comments: 24
Favourites: 16 [who?]


Views: 917 (0 today)
Downloads: 25 (0 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
[x]
:iconelectricjonny:
• 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 :lol:

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 :)

To Install


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 :)

Add a Comment:
 
Preview   Add Comment

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconkittylivers:
~kittylivers May 27, 2011  Hobbyist Writer
This is such a handy script! I'm already starting to browse with my left hand hovering near the shift key. Thanks for sharing!
Reply
:iconelectricjonny:
`electricjonny May 27, 2011  Hobbyist Photographer
Yeah I do the same :nod:

I feel a bit bad, since I'm not adding to the almighty pageviews of that deviation, but honestly, if it's something I want to look at more, then I'll full view it in order to read the artists comments and all that.
Reply
:iconkittylivers:
~kittylivers May 27, 2011  Hobbyist Writer
I agree. If something is really that enticing to me, I'll click on it to really see the deviation and comment or look at more of their work.
Reply
:iconelectricjonny:
`electricjonny May 27, 2011  Hobbyist Photographer
Yup :nod:

It's a quick and easy way to get a better idea of what the art is.
Reply
:iconnamenotrequired:
$namenotrequired May 14, 2011  Student Interface Designer
Suggestion I forgot to mention earlier - have you thought of implementing it on slideshows too, besides thumbs? :D Like the 'photography' one on my page (I mean there's little point in doing it in a slideshow that's already pretty much full screen).
Reply
:iconelectricjonny:
`electricjonny May 14, 2011  Hobbyist Photographer
Hmm, that's an interesting thought.

I might be able to do something like that, but it would be a shit ton of work :slow: Since I would have to add in a way for people to get to some settings, to decide how long to play each image and every thing.

But it's a nice idea. I think it'd be a bit simpler and less of a headache than the sitback stuff too.
Reply
:iconnamenotrequired:
$namenotrequired May 14, 2011  Student Interface Designer
Ah, so you can't make the script just take the deviation it's showing, but it'll have to calculate for itself which deviation is supposed to be showing? ^^;
Reply
:iconelectricjonny:
`electricjonny May 14, 2011  Hobbyist Photographer
Oh wait. Did you mean, have it scroll through and show all the images in a gallery or widget one after another? Or, be able to hold shift and hover over any image in the Flash player? If it's the latter, then no, I can't do that, since I can't get any information about what image I'm trying to show from the Flash embed.
Reply
:iconnamenotrequired:
$namenotrequired May 14, 2011  Student Interface Designer
Yeah, the latter ^^; ah, I see.
Reply
:iconelectricjonny:
`electricjonny May 14, 2011  Hobbyist Photographer
Yeah, can't do that, unfortunately.
Reply
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy