le script lity de Jan Sorgalla propose un ensemble de codes permettant de créer ce
comportement, à partir de boutons ou de liens.
Il fonctionne avec des images, vidéo (vimeo youtube…), des iframe, formulaires. Il est de plus, responsive.
Le dispositif exige qu'un ensemble de fichiers soient placés sur un serveur https au préalable.
l'image d'une galerie flickr, des videos Youtube ou Vimeo, une carte googlemaps, du contenu de la page, des urls, tout est possible.
Il suffit de suivre le mode d'emploi :
Créez un bouton jimdo, récupérez son code html, ajouter les attributs correspondants au code de lity, les liens prendront le style de votre site Jimdo.
Comme il est aisé d'ajouter des vidéos dans jimdo, à partir de modules ou à l'aide des players proposés par les hébergeurs, il serait utile de pouvoir associer lity à ces lecteurs, mais cela semble trop complexe, car les vidéos sont pilotées à partir des propres codes javacript du player, appelé dans une iframe.
La solution consiste à fabriquer la playlist avec des boutons, chacun étant une image de la video placée en background, donnant ainsi l'aspect d'une prévisualisation.
Pour chaque type de lecteur, il faut trouver l'image de prévisualisation.
Pour Vimeo, l'image se trouve, à partir de la page de recherche , dans un div de classe
"iris_thumbnail".
Il suffit de la placer en tant qu'image, à l’intérieur des balises <a> </a> du code lity :
<a class="" data-action="button" href="//vimeo.com/104509416" data-lity=""><img src="https://i.vimeocdn.com/video/487107241_300x200.jpg" /></a>