15 Fantastiche Gallery di Foto e Slideshow Jquery
Oggi voglio segnalarti una fantastica raccolta di gallerie fotografiche e slideshow Jquery, da utilizzare per i tuoi progetti, con il vantaggio di non appesantire troppo la pagina web.
Realizzare delle gallerie di di questo genere con flash richiede poi molto più tempo per il caricamento della pagina, con conseguente abbandono da parte dell’utente.
La raccolta è stata stilata da Speckyboy, un blogger che cito spesso su questo blog e che ti consiglio vivamente di seguire.
Ecco le gallerie fotografiche che secondo me meritano più interesse
Galleriffic jQuery Plugin
Sliding Boxes and Captions with jQuery Tutorial
Create a Beautiful jQuery Slider Tutorial
GalleryView jQuery Plugin
Simple JQuery Image Slide Show with Semi-Transparent Caption Tutorial
Zoomimage – jQuery plugin
Tutte le altre gallerie le trovi nell’articolo originale, se hai bisogno di qualche dritta chiedimi pure! Inoltre se questa raccolta non ti dovesse bastare ti ricordo che potrai trovare numerosi tutorial in questo blog.
Ne approfitto anche per citare un articolo molto interessante di Tom Stardust dove ha parlato della differenza tra Jquery e Mootools, un articolo che sicuramente potrà farti maggiore chiarezza sui framework probabilmente più utilizzati al momento per sfruttare le potenzialità di javascript.
E non dimenticarti di restare aggiornato abbonandoti gratis ai feed RSS.Se non sai cosa sono, guarda questo video. Ora non sai come abbonarti? Guarda questo video
Inoltre potrai seguirmi su twitter, facebook o friendfeed!
Articoli simili che potrebbero interessarti
Ciao, mi chiamo Federico Pian e lo scopo di questo blog è condividere con te la mia passione per la grafica e il web design.
Molto interessanti, ho avuto modo di provare Simple Jquery.. (la penultima galleria) e devo ammettere che funziona egregiamente.
ciao, intanto grazie per tutto il materiale che metti a disposizione.. ho provato a fare la la galleria dell’articolo “Create a Beautiful jQuery Slider Tutorial”. Come potrei fare per avere la galleria larga al 100% del body?? io ho provato a cambiare le misure nel css ma succede che lo script funziona solo nelle didascalie e mi mette le immagini una sotto l’altra.
dove sbaglio? grazie intanto ciao erika
Ciao erika e benvenuta nel blog
Per ottenere l’effetto che vuoi tu, ti consiglio di leggere questo tutorial.
Anche io ho lo stesso problema di Erika! Vorrei utilizzare la tua gallery in vari siti ma con dimensioni diverse (400×500, 150×700 ecc…) Ho letto il tutorial che consigli ma è davvero complicato, il css è lungo e ovviamente organizzato per QUEL sito il tuo invece era semplice e solo per la gallery.
DOve posso “mettere mano” per correggere solo la dimensione delle foto? se cambio solo il css ovviamente non funziona più nulla! ho capito che devo settare il jQuery ma non so da dove partire….mi auteresti? grazie
Ciao Nicole e benvenuta nel blog
Lo slideshow di cui parla Erika non è semplicissimo da adattare al layout del sito. Bisogna lavorare sul css per ottenere le dimensioni volute.
Ti consiglio di leggere questo tutorial: http://www.fedeweb.net/creare-fantastici-slideshow-in-5-minuti/
Eh sì proprio di questo parlo! ho letto il tuo tutorial sulle slideshow in 5 minuti e ho usato il primo esempio (movimento+fade) per il mio slideshow perchè lo trovavo perfetto.
Se però io cambio la dimensione da CSS da 500×200 a ed 500×400 il tutto smette di funzionare….Io sto iniziando lo ammetto ma non so dove mettere le mani! nelle solite slideshow adattavo il div contenitore secondo le mie esigenze e le immagini di conseguenza qui invece non sono in grado di farlo funzionare. Se cambio la larghezza funziona tutto ma con l’altezza no. Perchè? cosa sbaglio? devo mettere le mani nella jQuery? o no?
grazie mille per la disponibilità e la risposta tempestiva! una manna dal cielo per quelli come me!
ciao e grazie per la risposta celere =).
Vi voglio fare vedere quello che dovrei realizzare io.
http://www.designwine.com
Lo slide che mi serve è questo. L’ho provato su molte risoluzioni monitor e ho notato che le immagini hanno dimensione fissa (secondo me sui 2000 px visto che anche su una risoluzione 1980 rimangono larghe quanto il body o cmq quanto la finestra del browser). Ho cercato in lungo e in largo per il web qualcosa del genere ma non l’ho trovato allora ho guardato il codice sorgente e ho visto che come libreria jquery principale hanno usato fancybox.
C’è una libreria che mi permetterebbe di ridimensionare anche la larghezza delle immagini in modo che si adattino alla risoluzione monitor mantenendo questo effetto panoramico e spostandosi sempre all’inizio e non troncandosi a metà tra un’immagine e l’altra?
Mi rendo conto di essere stata prolissa. Scusate =).
Se troviamo una soluzione prometto che scrivo un tutorial e ve lo mando!!!!
@Nicole
Lo script non funziona se la differenza tra l’altezza impostata nel css e l’altezza della foto è più piccola di 91 pixel . Quindi tutto quello che devi modificare l’height nel css, stando attenta a questo particolare
@Erika
Molto molto bello l’esempio che hai proposto..me lo studio un po’ e poi ti dico come è stato fatto ok? ciao e grazie!
ah…così facile? e io che pensavo….
grazie mille, cortese, disponibile gentile!
davvero grazie a te!
Grazie a te!!
@Nicole
Hai combinato? sei riuscita a risolvere?
@Erika
Dammi tempo fino a giovedì che devo fare un esame e poi potrò dedicarmi allo slideshow ok? ciao!
Ciao Fedeweb!
Volevo segnalare uno slideshow jQuery scritto da me medesimo
Come effetti è molto semplice, ma la particolaritá sta nell’ottimizzazione per dispositivi mobili come iphone e ipad…dategli un’occhiata se vi va!
http://www.trapella.it/2010/italiano/mobile-slideshow-un-semplice-slideshow-jquery-ottimizzato-per-iphone-e-ipad/
Matteo