Shop Mobile More Submit  Join Login
thumbZOOM v3.0 by Xeviousss thumbZOOM v3.0 by Xeviousss
About

This script adds some little features to DeviantART.

Here is a list of these features :
• add a zoom effect to the thumbnails
• provide the thumbcode of deviations
• highlight the DailyDeviations
• add a 'DD tab' on the deviant users profile
For a better user experience, all the options are configurable.

How to

:bulletorange: Firefox
• first, install Greasemonkey (a free firefox extension)
• then click on the "install button" on the userscript page
:bulletblue: Chrome
• first, install Tampermonkey (a free google chrome extension)
• then click on the "install button" on the userscript page
:bulletwhite: Safari
• first, install NinjaKit (a free safari extension)
(click on the "NinjaKit for Safari" link, and choose "open")
• then click on the "install button" on the userscript page
:bulletred: Opera (beta)
• To enable User JavaScript:
• For Mac, go to: O menu > Preferences > Advanced > Content > JavaScript options
• For UNIX and Windows, go to: O menu > Settings > Preferences > Advanced > Content > JavaScript options

• Select the directory where you will put your User JavaScript files. Opera will load all files in the specified directory whose names end with .js and will use them as User JavaScript files
• Save this script as "thumbzoom.js" in this folder
• Save jquery as "jquery.min.js" in the same folder

Help

You can choose what you want to enable via the "thumb menu" in the header of DA. This menu only concerns the options for the thumbnails. For the rest, you can check the script settings, here : [link]

multiplier: the number of times the image is bigger.
duration: time the zoom takes to display the full size.
delay: time before the zoom is triggered.
highlight DD: display a DD icon under the thumb when the deviation has been featured.

Bugs, suggestions?

If you find any bugs, or if you have any suggestions, let me know here. Thanks.

What's new in 3.0?

For this version, I rewrote the code from scratch, and I now use a new way to handle the zoom. This is way proper and should speed up the execution time / reduce the number of bugs.
I removed some options which was not thumbs related and probably useless.

Here is the changelog :
+ new way to handle the zoom
+ settings applied in real time (have fun while testing different options)
+ compatibility with safari and opera
- remove the drag and drop on the avatar, the "pin header", the display of page n° in search pages
Add a Comment:
 
:iconfred-miaou:
fred-miaou Featured By Owner Feb 1, 2014
Salut,

Tu pourrais faire en sorte que ça marche également sur les pages www.deviantart.com/messages/#v…

Seulement, comme les aperçus de la page font 150x150, il faudrait les remplacer en préchargeant les images contenues dans les éléments : "a.thumb[data-super-img="adresse-image.png"] qui font plus de 800x800.

Ça éviterait d'avoir à attendre que ça charge quand on passe la souris. Même si en contre partie ça rendrait le chargement des pages messages/deviations plus long. Perso, j'aime mieux ça pour pouvoir passer la souris et avoir un aperçu potable et rapide.

Vraiment, j'espérais que ton script fonctionne sur ces pages car c'est là qu'il pour mon utilisation personnelle le plus d'utilité.

merci de faire un retour

bye
Reply
:iconxeviousss:
Xeviousss Featured By Owner Feb 3, 2014  Hobbyist Digital Artist
Salut fred,

adapter le script pour le message center est quelque chose que j'ai toujours voulu faire.
Pour des raisons techniques (ajax, stack; entre autres) et de priorité, j'avais toutefois préféré laisser la chose de côté.

Mais puisque tu en parles, ce serait l'occasion de travailler dessus. DA ayant évolué depuis la dernière version, je pense procéder à une complète réécriture qui me permettrait également de clean le code.
Je ne garantis pas de m'y remettre tout de suite, par contre.

Mais je reviendrais vers toi pour te tenir au courant.
Merci pour la suggestion.

bye
Reply
:iconfred-miaou:
fred-miaou Featured By Owner Feb 3, 2014
Salut,

Voir les fonctionnalités de tes scripts, et leurs sources auxquels je n'ai honnêtement rien compris même en essayant de les reformater en "human readable", m'a donné envie de replonger dans l'écriture de script.

Je suis en train d'écrire le script pour avoir des aperçus plus grands et en haute résolution dans le deviantWatch. Le résultat est très concluant. Je pensais que le chargement des pages seraient très ralenti en devant aller chercher et afficher ces 24 images de bonnes tailles. Mais le ralentissement est presque imperceptible avec une bonne connexion. Clairement ça pète!

Ce qu'il me reste à faire:
  1. Fusionner ce projet avec mon script précédent que j'avais fait pour afficher le nom clairement sur les vignettes dans la section deviantwatch et la section de recherche et navigation. Et au passage revoir ce script dans le fond et dans la forme.
  2. Finir d'écrire et intégrer un CSS (actuellement en alpha avec stylish) pour styler et optimiser tout ça
  3. Idéalement ajouter une fonction optionnelle et paramètrable de zoom au survol des images. J'ai essayé en pure CSS et bien que l'image s'affiche sans délai puisque il n'y a pas besoin d'aller en charger une autre version en plus haute définition comme le fait actuellement Mouseover Popup Image Viewer, le résultat que j'obtiens n'est pas exploitable car le positionnement et le comportement de l'image est aléatoire malgré mes essaies. Je vais donc voir comment faire en javascript pour obtenir un résultat plus contrôlé.
  4. Les plus optionnels si j'en le courage, j'aurais aimé intégrer les fonctionnalités de ton script qui affiche les infos sur l'utilisateur quand on passe la souris sur son avatar pour qu'il fasse la même chose quand on passe la souris sur le nom d'artiste au-dessus des vignettes (cf mon script plus haut). Ainsi qu'ajouter un bouton d'option comme tu l'as fait pour ton script de zoom.
Note que non seulement j'ai choisi sciemment d'écrire en pure javascript, pour ne dépendre d'aucune librairie et pour apprendre vraiment le langage et créer et intégrer seulement les fonctions utiles au script mais que mon niveau de programmation, notamment en javascript est à l'état de novice. Par exemple, l'usage avancé tel que décrit dans cet article est pour moi encore du chinois et je ne vois pas comment utiliser ça dans ce projet alors que j'ai l'intuition que je pourrais me simplifier la vie en en maitrisant quelque unes. D'autres part, je fais un gros travail de commentaire et de renommage de variable sur le code actuel. Relire mon ancien code ci-dessus fut une tanné que j'aurais pu m'épargner si j'avais fait les choses dans les règles de l'art mais sur le moment on est juste content que ça marche et on oublie ces détails qui deviennent important dans le temps. Ainsi n'importe qui pourra les retravailler, les réutiliser pour un autre usage ou les optimiser.

Si tu es partant et qu'idéalement, tu ne crains pas de te passer de jQuery, je te propose de te soumettre mon code quand j'aurai fini entièrement de coder la section 1 et 2. Tu verras à quoi ressemble mon travail et si ça t'inspire d'y ajouter ta science et ton expérience pour l'optimiser et ajouter les fonctions 3 et 4, j'en serai ravi. Dans ce cas merci de me communiquer ton mail par mp ou de me contacter via le compte usercript.

a plus
Reply
:iconheysnapdragon:
heySnapDragon Featured By Owner Dec 28, 2012
Merci pour ce petit rien qui marche super bien!!! :D
Reply
:iconklapouch:
klapouch Featured By Owner Dec 21, 2012   Photographer
Awesome job!

...A "copy thumbcode" button would be awesome also... =)
Reply
:iconkori-hibana:
kori-hibana Featured By Owner Aug 15, 2012  Student General Artist
yay this is awesome ^^
Reply
:iconpica-ae:
pica-ae Featured By Owner Aug 15, 2012  Professional Interface Designer
:omg: this is awesome :squee:
Reply
:iconquolia:
Quolia Featured By Owner Aug 14, 2012  Hobbyist General Artist
Excellent! :la:
Reply
:iconastrikos:
Astrikos Featured By Owner Aug 13, 2012   General Artist
This is fantastic. One thing for another thing if possible, autocopy a thumbcode? :D
Reply
:iconlaxmi-arts:
Laxmi-Arts Featured By Owner Jun 3, 2012  Hobbyist General Artist
I have this problem [link] what you suggest me to do ?
Reply
:iconjamminjo:
JamminJo Featured By Owner May 21, 2012  Hobbyist Photographer
:love: thank you for making this fantastic tool :love:
Reply
:iconjquan:
jQuan Featured By Owner May 4, 2012  Hobbyist Interface Designer
AWESOME!!!!!! I love it, for years I was searching and searching for this script!!!!!
Reply
:iconis-lnds:
Is-lnds Featured By Owner Mar 24, 2012
This is perfect.
Reply
:iconthunderclawshocktrix:
ThunderClawShocktrix Featured By Owner Mar 24, 2012   Digital Artist
This seems like a much better idea than what da want's to do to make the thumbnails bigger.
Reply
:iconrotane:
rotane Featured By Owner Feb 26, 2012  Professional
Oh, one more thing: On the popup, rather than "by ~deviant" I'd prefer to see the deviation title. Or hey, you could even make it optional, to show either one – or both. ;)
That would be awesome!
Reply
:iconrotane:
rotane Featured By Owner Feb 26, 2012  Professional
This is really magnificent! Pretty, and quick. I like this. Plus, the little details, like DD info and customization, is the icing on the cake. :thumbsup:

But, I've got one little suggestion: would it be possible to add this (the thumb preview) to text links (like e.g.: [link] ) as well? That, and maybe to big thumbs too (like the first one on your userpage), so we can get instant access to :thumb: codes there as well.
Reply
:iconsamirpa:
SamirPA Featured By Owner Feb 17, 2012  Professional Interface Designer
Hey, please forgive me! I read "female" in your profile. I'm sorry! :(
Reply
:iconxeviousss:
Xeviousss Featured By Owner Feb 19, 2012  Hobbyist Digital Artist
Don't worry, no problem :glomp:
Reply
:iconsamirpa:
SamirPA Featured By Owner Feb 17, 2012  Professional Interface Designer
Hello girl! I'd like to congratulate you for this absolutely fantastic job! This is very useful for me. I'd like to ask you if is possible somehow make this application to be installed so that it can be used in a group of deviantart, and that users of this group can enjoy the application functions when browsing through the galleries of the group. I don't know if I was clear and if this is possible, but it would be something spectacular. Thank you so much for your attention and congratulations for your work! :worship:
Reply
:iconxeviousss:
Xeviousss Featured By Owner Feb 19, 2012  Hobbyist Digital Artist
It's not possible. This script needs to be manually installed by each users to work, and there's no way to automate this installation when they join the group. However, you can inform them that such a script exists (well, I know it's not that great, but that could help to promote the script).
Anyway, thanks a lot for your interest!
Reply
Add a Comment:
 
×
Download PNG 1102 × 1071




Details

Submitted on
February 12, 2012
Image Size
997 KB
Resolution
1102×1071
Link
Thumb
Embed

Stats

Views
1,926
Favourites
25 (who?)
Comments
20
Downloads
90
×