Wekelijkse freebies: 10 briljante jQuery-plug-ins
De verzameling geweldige gratis bronnen van deze week bevat enkele van onze favoriete jQuery-plug-ins. Door deze in uw siteontwerpen te gebruiken, kunt u veel tijd in ontwikkeling besparen en ervoor zorgen dat zowel uw code als uw ontwerp van topklasse zijn.
Er zijn een paar willekeurige plug-ins voor tooltips en Twitter-widgets, maar de meeste bronnen die u hieronder zult vinden, helpen bij de presentatie van afbeeldingen. Of je nu een 3D-carrousel of een diavoorstelling op volledig scherm wilt, er is hier iets voor jou!
Cloud Carousel - Een 3D-carrousel in Javascript
“Er zijn een aantal aantrekkelijke op Adobe Flash gebaseerde oplossingen voor dit type UI-component, en hoewel er JavaScript-versies zijn, hebben de commerciële Flash-producten de neiging om een betere esthetiek en glans te hebben. Om het evenwicht in het voordeel van JavaScript te herstellen, heb ik deze jQuery-carrouselplug-in gemaakt. ”
Kleurdoos
“Een lichtgewicht, aanpasbare lightbox-plug-in voor jQuery 1.3 en 1.4. Ondersteunt foto's, groepering, diavoorstelling, ajax, inline en iframed inhoud. Het uiterlijk wordt gecontroleerd door middel van CSS, zodat gebruikers de box kunnen restylen. Volledig onopvallend, opties zijn ingesteld in de JS en vereisen geen wijzigingen aan bestaande HTML. ”
JQuery Cycle Plugin
“De jQuery Cycle-plug-in is een plug-in voor diavoorstellingen die veel verschillende soorten overgangseffecten ondersteunt. Het ondersteunt pauze-bij-zweven, automatisch stoppen, automatisch aanpassen, voor / na terugbellen, kliktriggers en nog veel meer. Het ondersteunt ook, maar vereist niet, de Metadata-plug-in en de Easing-plug-in. ”
Easy Tooltip - jQuery-plug-in
“Ik hou van de eenvoud van het gebruik (en belangrijker hergebruik) van jQuery-plug-ins. Dus besloot ik om nog een plug-in uit te brengen die uit mijn persoonlijke behoefte kwam - jQuery-tooltip. Ik heb al beweerd dat dit de eenvoudigste tooltip ooit is. Ik heb er wat wijzigingen in aangebracht, dus ik heb nu wat extra functies. ”
Volledig scherm
“Dus je wilt een achtergrondafbeelding op je website hebben, die altijd het scherm vult en de beeldverhouding behoudt? En het moet gecentreerd zijn, in plaats van te focussen op de linkerbovenhoek van de afbeelding? Het is mogelijk met jQuery en de plug-in voor volledig scherm op deze pagina! U kunt hier een demonstratie vinden en zoals u kunt zien, werkt het perfect in alle voor javascript geschikte browsers. Merk op dat Internet Explorer wat extra code nodig heeft om de transparante png die gebruikt wordt voor het raster over de achtergrondafbeelding mogelijk te maken. Als je deze code wilt toevoegen, zou ik je willen verwijzen naar unitpngfix, maar je kon IE6 natuurlijk niet ondersteunen. ”
Facebox
"Facebox is een op jQuery gebaseerde lightbox in Facebook-stijl die afbeeldingen, divs of hele externe pagina's kan weergeven. Het is eenvoudig te gebruiken en prettig voor de ogen. Download de tarball, bekijk de voorbeelden en begin met genieten van de bochten. ”
jCarousel
“JCarousel is een jQuery-plug-in voor het beheren van een lijst met items in horizontale of verticale volgorde. De items, die statische HTML-inhoud kunnen zijn of geladen met (of zonder) AJAX, kunnen heen en weer gescrold worden (met of zonder animatie). ”
jTweetsAnywhere
"Een jQuery Twitter-widget met @Anywhere-ondersteuning en veel aanpasbare opties."
Nivo schuifregelaar
'De meest geweldige jQuery-schuifregelaar ter wereld. Bekijk de demo's om een idee te krijgen van wat er met de Nivo Slider kan worden gedaan of bekijk de showcase van sites met de Nivo Slider. ”
Supersized - jQuery-plug-in op volledig scherm, achtergrond / diavoorstelling
“Formaat afbeeldingen om de browser te vullen met behoud van de afbeeldingsdimensieverhouding. Cycli Afbeeldingen / achtergronden via diavoorstelling met overgangen en vooraf laden. Navigatieknoppen zorgen voor pauzeren / afspelen en vooruit / achteruit. ”
Wat hebben we gemist?
Nu je onze kleine verzameling jQuery-plug-ins hebt gezien, kun je een reactie achterlaten en ons laten weten met welke plug-ins je niet zou kunnen leven.
Kom volgende week zeker terug voor meer Weekly Freebies van Design Shack!
