Deviant Login Shop
 Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
1,691
Favourites
27 (who?)
Comments
20
Downloads
83
×
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
Add a Comment: