Den här veckans samling av fantastiska gratis resurser innehåller några av våra favorit jQuery-plugins. Genom att använda dessa i din webbplats kan du spara mycket tid under utveckling och hjälpa till att säkerställa att både din kod och design är toppklassig.
Det finns några slumpmässiga plugins för verktygstips och Twitter widgets, men de flesta av de resurser du hittar nedan hjälper till med bildpresentation. Oavsett om du vill ha en 3D-karusell eller ett fullscreen-bildspel, finns det något här för dig!
Cloud Carousel - En 3d karusell i Javascript
? Det finns några attraktiva Adobe Flash-baserade lösningar för denna typ av användargränssnittskomponent, och medan JavaScript-versioner finns, brukar de kommersiella Flash-produkterna ha bättre estetik och polska. För att återställa balansen i JavaScript, har jag skapat det här jQuery-karusellplugget.?
Färglåda
? En lätt anpassningsbar lightbox-plugin för jQuery 1.3 och 1.4. Stöder bilder, gruppering, bildspel, ajax, inline och iframed innehåll. Utseendet styrs via CSS så att användarna kan återställa rutan. Helt diskreta alternativ ställs in i JS och kräver inga ändringar av befintlig HTML.?
JQuery Cycle Plugin
? JQuery Cycle Plugin är ett plugin för bildspel som stöder många olika typer av övergångseffekter. Den stöder paus-på-hover, auto-stop, auto-fit, före / efter callbacks, klicka på triggers och mycket mer. Den stöder också, men behöver inte, Metadata-plugin och Easing Plugin.?
Easy Tooltip - jQuery plugin
? Jag älskar enkelheten att använda (och viktigare återanvända) jQuery-plugins. Så jag bestämde mig för att släppa ännu ett plugin som kom från mitt personliga behov - jQuery tooltip. Jag hävdade redan detta för att vara det enklaste verktygstipset någonsin. Jag har gjort några modifieringar så det har nu några extrafunktioner.?
Fullscreenr
? Så du vill ha en bakgrundsbild på din webbplats, som alltid fyller skärmen och behåller dess bildförhållande? Och det måste centreras, istället för att fokusera längst upp till vänster på bilden? Det är möjligt med jQuery och fullscreenr-plugin på denna sida! Du kan hitta en demonstration här och som du kan se fungerar det perfekt i alla javascriptaktiverade webbläsare. Observera att Internet Explorer behöver lite extra kod för att aktivera den transparenta png som används för rasteren över bakgrundsbilden. Om du vill lägga till den här koden vill jag hänvisa dig till unitpngfix, men du kan ju inte bara stödja IE6.?
Facebox
? Facebox är en jQuery-baserad ljuskälla i Facebook-stil som kan visa bilder, divs eller hela fjärrsidor. Det är enkelt att använda och lätt på ögonen. Ladda ner tarballen, se exemplen och börja njut av kurvorna.?
jCarousel
? jCarousel är ett jQuery-plugin för att styra en lista över objekt i horisontell eller vertikal ordning. Objekten, som kan vara statiskt HTML-innehåll eller laddas med (eller utan) AJAX, kan rullas fram och tillbaka (med eller utan animering).?
jTweetsAnywhere
? En jQuery Twitter widget med @Anywhere support och massor av anpassningsbara alternativ.?
Nivo Slider
? Världens mest underbara jQuery-reglaget. Ta en titt på demoerna för att få en uppfattning om vad som kan göras med Nivo Slider eller kolla in showcase av webbplatser som använder Nivo Slider.?
Supersized - Full Screen Bakgrund / Slideshow jQuery Plugin
? Ändrar bilder för att fylla webbläsaren samtidigt som bilddimensionen upprätthålls. Cyklar Bilder / bakgrunder via bildspel med övergångar och förladdning. Navigeringskontroller möjliggör paus / spelning och framåt / bakåt.?
Vad missade vi?
Nu när du har sett vår lilla samling av jQuery-plugins, lämna en kommentar och låt oss veta vilka plugins du inte kunde leva utan.
Var noga med att kolla tillbaka nästa vecka för fler veckovisa freebies från Design Shack!