samedi 9 novembre 2019


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.


Communiquer un commentaire à l'auteur

se connecter pour pouvoir écrire