Info Flash

PromoPromo !

Un peu de contenu réalisé à partir des modules de base Jimdo.

Yeah ! Un pop-up à l'ancienne !

Ok, le pop-up n'est plus trop à la mode. Mais vous en voulez encore, si j'en crois les demandes de mes clients. Ce ne sont plus vraiment des fenêtres surgissantes, (qui seraient bloquées par le navigateur) mais des éléments qui interagissent avec le visiteur en se comportant "comme" des pop-up. Quelques essais sont illustrés au long de ces pages. Ils sont réalisés en javascript.

 

Sur cette page nous avons une info flash dans un cadre mobile.

Au chargement, elle vient se coller au côté du navigateur en dynamique.

Au click, on peut la faire disparaître.

Une alerte "Flash Info" permet de la faire réapparaître.

L'info flash est écrite dans un widget html, afin de pouvoir lui donner des identifiants simples, mais on peut aussi utiliser un module quelconque. 

En CSS, on lui donne une position fixe par rapport au côté gauche en dehors du cadre. Un code javascript change cette valeur dès que la page est chargée, le module vient se caler à gauche. Le mouvement fluide est obtenu grâce à la propriété Transition, ainsi qu'à la bibliothèque mootools (qui n'est sans doute pas indispensable en l'occurrence). Des dispositions similaires permettent de faire apparaître et disparaître le bouton "Flash Info".

 

La suite sur les alertes >