La collection de superbes ressources gratuites de cette semaine inclut certains de nos plugins jQuery préférés. Leur utilisation dans les conceptions de votre site peut vous faire gagner beaucoup de temps en développement et vous aider à faire en sorte que votre code et votre conception soient de premier ordre.
Il existe quelques plugins aléatoires pour les info-bulles et les widgets Twitter, mais la plupart des ressources que vous trouverez ci-dessous aident à la présentation des images. Que vous souhaitiez un carrousel 3D ou un diaporama en plein écran, il y a quelque chose pour vous!
Cloud Carousel - Un carrousel 3D en Javascript
«Il existe certaines solutions attrayantes basées sur Adobe Flash pour ce type de composant d'interface utilisateur et, bien qu'il existe des versions JavaScript, les produits Flash commerciaux ont tendance à être plus esthétiques et plus polis. Pour redresser la balance en faveur de JavaScript, j'ai créé ce plugin jQuery carousel.
Boîte de couleur
Un plugin lightbox léger et personnalisable pour jQuery 1.3 et 1.4. Prend en charge le contenu photos, regroupement, diaporama, ajax, en ligne et iframed. L'apparence est contrôlée via CSS afin que les utilisateurs puissent redessiner le style de la boîte. Totalement discrètes, les options sont définies dans le JS et ne nécessitent aucune modification du code HTML existant.
JQuery Cycle Plugin
Le plugin jQuery Cycle est un plugin de diaporama qui prend en charge de nombreux types d’effets de transition. Il prend en charge les fonctions de pause sur le vol stationnaire, d'arrêt automatique, d'ajustement automatique, de rappel avant / après, de déclencheurs de clic et bien plus encore. Il prend également en charge, mais ne nécessite pas, le plug-in Metadata et le plug-in Easing.
Info-bulle facile - plugin jQuery
J'adore la simplicité d'utilisation (et la réutilisation plus importante) des plugins jQuery. J'ai donc décidé de publier un autre plugin qui venait de mon besoin personnel: l'infobulle jQuery. J'ai déjà prétendu qu'il s'agissait de la plus simple info-bulle de tous les temps. J'y ai apporté quelques modifications afin d'avoir maintenant quelques fonctionnalités supplémentaires.
Plein écran
«Vous voulez donc avoir une image d’arrière-plan sur votre site Web, qui remplit toujours l’écran et conserve son rapport hauteur / largeur? Et il doit être centré, au lieu de se focaliser sur le coin supérieur gauche de l'image? C'est possible avec jQuery et le plugin fullscreenr sur cette page! Vous pouvez trouver une démonstration ici et, comme vous pouvez le constater, cela fonctionne parfaitement dans tous les navigateurs compatibles javascript. Notez qu'Internet Explorer nécessite du code supplémentaire pour activer le fichier png transparent utilisé pour le raster sur l'image d'arrière-plan. Si vous souhaitez ajouter ce code, je souhaiterais vous référer à unitpngfix, mais vous ne pouvez bien entendu pas prendre en charge IE6.
Facebox
? Facebox est une lightbox de style Facebook basée sur jQuery et pouvant afficher des images, des divs ou des pages distantes entières. C'est simple à utiliser et agréable pour les yeux. Téléchargez l'archive, visualisez les exemples, puis commencez à profiter des courbes.
jCarousel
? jCarousel est un plugin jQuery permettant de contrôler une liste d'éléments dans un ordre horizontal ou vertical. Les éléments, qui peuvent être du contenu HTML statique ou chargés avec (ou sans) AJAX, peuvent être déplacés en avant et en arrière (avec ou sans animation).
jTweetsAnywhere
Un widget Twitter jQuery avec le support @Anywhere et de nombreuses options personnalisables.
Nivo Slider
Le slider jQuery le plus impressionnant au monde. Consultez les démos pour avoir une idée de ce qui peut être fait avec le Nivo Slider ou consultez la présentation de sites utilisant le Nivo Slider.
Supersized - Fond plein écran / Diaporama Plugin jQuery
? Redimensionne les images pour remplir le navigateur tout en maintenant le rapport des dimensions de l’image Effectue des cycles Images / arrière-plans via diaporama avec transitions et préchargement. Les commandes de navigation permettent une pause / lecture et une avance / un retour.?
Qu'avons-nous manqué?
Maintenant que vous avez vu notre petite collection de plugins jQuery, laissez un commentaire et dites-nous de quels plugins vous ne pourriez plus vous passer.
Assurez-vous de vérifier la semaine prochaine pour plus de Freebies hebdomadaires de Design Shack!