Trois types de gadgets sont proposés ( bwatafoto, liasse, compare ), soit en pleine page (stand-alone), soit incorporés dans une page de blog (embedded, lire en bas de page ce qui concerne spécifiquement cette incorporation).
bwatafoto (simple image)
zoomer 100% et dézoomer: clic, alternativement flèche haut et flèche bas.
En position 100% déplacer l'image à la souris (intuitif).
Informations [exifs, infos fichier, liens] via le hamburger
, alternativement F1, H, barre d'espace.
DSC2870_full.jpg
pleine page plein écran nouvel onglet remplacer
liasse (galeries)
Autour d'une galerie centrale de vignettes gravite un carousel d'images.
. Ce carousel est circulaire et peut être parcouru dans les deux sens, via préférentiellememt des swipes [1], alternativement les touches > et <
. Cliquer (ou taper) sur une image de la galerie centrale envoie directement à cette image, ^ ou Début renvoient à la galerie centrale.
. Sur chaque image un clic permet de la visualiser en zoom 100% et de déplacer l'image agrandie.
. Pour obtenir des pop-up
c'est tout le temps et au choix (c'est Byzance) F1, H, Espace, ou le sur la galerie centrale, ou le hamburger
sur chaque image (hors zoom 100%).
[1] les swipes sont la version à la souris des virgules des mobiles ou autres liseuses, en quelque sorte feuilleter avec le bout de l'index.
[2] le hold c'est la version à la souris de l'appui maintenu des mobiles.
profil_et_vignettage
pleine page plein écran nouvel onglet remplacer
compare (paire pour comparaison)
... La barre d'espace commute deux images ...
. zoomer 100% et dézoomer: clic, alternativement flèche haut et flèche bas. En position 100% déplacer l'image à la souris (intuitif).
. M (ou N) bascule couleur/n&b. I bascule normal/négatif.
.. Bien entendu zoom, déplacement, bascules sont synchronisés entre les deux images ..
Cette image permet de voir des choses
:
Avec 100% et I, on constatera du banding, en particulier dans les nuages.
Toujours à 100%, mais sans inversion, on pourra voir une dégradation dans les rouges, la dame devant l'agence LCL par exemple.
Enfin, l'image originale étant très lourde, un retard à son apparition est probable, dépendant du navigateur et certainement de l'ordinateur.
compare_0_6
pleine page plein écran nouvel onglet remplacer
version dans le blog
. Quatre liens disponibles en bas de gadget:
[pleine page] ouvre le gadget en (modal) pleine page, retour par esc.
[plein écran] force le gadget (et non la page de blog) en F11 / plein écran, retour par esc.
[nouvel onglet] ouvre en mode stand-alone dans un nouvel onglet.
[remplacer] ouvre en mode stand-alone à la place de la page hôte, retour par page précédente du navigateur.
. Le fond est transparent (dépend donc du thème de la page hôte), et quelques modifications mineures par rapport à l'affichage stand-alone.