La raccolta di questa settimana di fantastiche risorse gratuite include alcuni dei nostri plugin jQuery preferiti. L'utilizzo di questi nei progetti del tuo sito può farti risparmiare un sacco di tempo in fase di sviluppo e ti aiuterà a garantire che il tuo codice e il tuo design siano di prim'ordine.
Esistono alcuni plug-in casuali per suggerimenti e widget di Twitter, ma la maggior parte delle risorse che trovi di seguito aiutano la presentazione delle immagini. Sia che tu voglia un carosello 3D o una presentazione a schermo intero, c'è qualcosa qui per te!
Cloud Carousel - Un carosello 3d in Javascript
? Esistono alcune interessanti soluzioni basate su Adobe Flash per questo tipo di componente UI, e mentre esistono versioni JavaScript, i prodotti Flash commerciali tendono ad avere una migliore estetica e lucentezza. Per correggere il saldo in favore di JavaScript, ho creato questo plugin jQuery carousel.?
Scatola dei colori
Un plugin lightbox leggero e personalizzabile per jQuery 1.3 e 1.4. Supporta foto, raggruppamento, slideshow, ajax, in linea e contenuto iframe. L'aspetto è controllato tramite CSS, quindi gli utenti possono ridisegnare la casella. Completamente non invadente, le opzioni sono impostate nel JS e non richiedono modifiche al codice HTML esistente.
JQuery Cycle Plugin
? Il jQuery Cycle Plugin è un plug-in di presentazione che supporta molti diversi tipi di effetti di transizione. Supporta pause-on-hover, auto-stop, auto-adattamento, callback prima / dopo, trigger di clic e molto altro. Supporta anche, ma non richiede, il plug-in Metadata e il plugin Easing.
Easy Tooltip - plugin jQuery
? Mi piace la semplicità dell'uso (e più importante riutilizzo) dei plugin jQuery. Così ho deciso di rilasciare un altro plug-in che proviene dalla mia esigenza personale: jQuery tooltip. Ho già affermato che questo è il tooltip più semplice di sempre. Ho apportato alcune modifiche ad esso, quindi ora ha alcune funzionalità extra.
Fullscreenr
? Quindi vuoi avere un'immagine di sfondo sul tuo sito web, che riempie sempre lo schermo e mantiene le sue proporzioni? E deve essere centrato, invece di focalizzarsi nell'angolo in alto a sinistra dell'immagine? È possibile con jQuery e il plugin fullscreenr su questa pagina! Puoi trovare una dimostrazione qui e come puoi vedere funziona perfettamente con tutti i browser abilitati per javascript. Nota che Internet Explorer necessita di un codice aggiuntivo per abilitare il png trasparente utilizzato per il raster sopra l'immagine di sfondo. Se si desidera aggiungere questo codice, vorrei fare riferimento a unitpngfix, ma ovviamente non si può semplicemente supportare IE6.?
Facebox
? Facebox è una lightbox in stile Facebook basata su jQuery che può visualizzare immagini, div o intere pagine remote. È semplice da usare e facile da guardare. Scarica il tarball, visualizza gli esempi, quindi inizia a goderti le curve.
jCarousel
? jCarousel è un plugin jQuery per il controllo di un elenco di elementi in ordine orizzontale o verticale. Gli elementi, che possono essere contenuti HTML statici o caricati con (o senza) AJAX, possono essere fatti scorrere avanti e indietro (con o senza animazione).?
jTweetsAnywhere
? Un widget Twitter jQuery con supporto @Anywhere e molte opzioni personalizzabili?
Nivo Slider
? Il dispositivo di scorrimento jQuery più impressionante del mondo. Dai un'occhiata alle demo per avere un'idea di cosa può essere fatto con Nivo Slider o dai un'occhiata alla vetrina dei siti che utilizzano Nivo Slider.
Supersized - Plug-in jQuery per sfondo / Slideshow a schermo intero
Ridimensiona le immagini per riempire il browser mantenendo il rapporto di dimensione dell'immagine. Cicli Immagini / sfondi tramite slideshow con transizioni e precaricamento. I controlli di navigazione consentono la pausa / riproduzione e avanti / indietro.?
Cosa abbiamo perso?
Ora che hai visto la nostra piccola raccolta di plugin jQuery, lascia un commento e facci sapere quali plug-in non potresti vivere senza.
Assicurati di controllare la prossima settimana per ulteriori Freebies settimanali da Design Shack!