Archives des tags : Fading

Pas encore de description pour le tag Fading. Suggérez à l'administrateur du site de d'y remédier.

Moodular — Fabrique de Carousel avec jQuery

Moodular — Ce plugin jQuery créé par @GouZ permet de créer des carousels (aussi appelés : diaporama ou slider) très facilement. Le nom du script est la contraction de mood (humeur, ambiance) et de modular (modulaire) : tout un programme ! Moodular est composé de nombreuses options que vous pouvez activer depuis la page du site via un formulaire. Il est également possible de créer vos propres effets.

ResponsiveSlides.js — Slideshow responsive poids-plume

ResponsiveSlides.js est un tout petit plugin jQuery permettant de créer des Slideshows qui s’adaptent à la taille de l’écran de l’utilisateur, dans un grand nombre de navigateurs (y compris IE6 !). Seules contraintes : nécessite jQuery et une même taille d’images pour chaque Slideshow. Son point fort ? Une taille de moins de 800 bytes pour un défilement automatique avec fading ou au clic via la pagination. Via Megaptery.

 

Effets « lightbox » CSS & Javascript sans framework

Effets lightbox sans framework — L’ouverture de nouvelles fenêtres popup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS  et comportant, une fois n’est pas coutume, du Javascript intrusif pour réaliser une lightbox pour présenter des images, un contenu dynamique, un formulaire avec effet de fading tout en assombrissant le reste de la page. Sans framework Ajax, avec quelques lignes de code. Scripts testés avec Internet Explorer, Firefox, Chrome, Opera, Safari et Konqueror.

Slick Page Transition — Effet de transition (fading) entre les pages d’un site

Slick Page Transition est un script jQuery (à placer dans votre fichier Javascript global.js ou fonctions.js, etc.) qui produit un effet de fading lorsqu’on passe d’une page à une autre. L’effet peut s’appliquer sur tout ou partie des liens il suffit de spécifier le sélecteur approprié. Il est conseillé de préciser la couleur de votre balise html pour qu’elle s’harmonise avec l’effet de transition. Voir la démonstration.