Pubblicato il 20/05/10 - aggiornato il  | 16 commenti :

I 22 migliori effetti per Gallerie fotografiche e Slideshow basati su JQuery.

Con l'avvento di framework Javascript come JQuery, Prototype, Mootools, ecc si è enormemente ampliata la possibilità di creare gallerie fotografiche e slideshow di grande effetto. Il sito Hongkiat.com ha stilato un elenco veramente completo. Per ogni effetto è riportata la homepage con le istruzioni, una demo e il link di download dei file da caricare nel modello.

Per alcuni di questi effetti straordinari ho trovato il modo di renderli in qualche modo compatibili con i blog su Blogger in articoli già pubblicati. In linea di massima, uno mediamente esperto, leggendosi le istruzioni riesce senz'altro a installare tutti gli effetti proposti. Il problema è che magari non tutti sono così funzionanti sulla piattaforma Blogger. Vi posto tutta la lista con delle brevi descrizioni. Nel caso in cui qualche galleria fosse particolarmente interessante, vi prego di farmelo sapere e, senza impegno, guardo quello che si può fare per installarla su Blogger.

Supersized

E' uno slideshow a tutto schermo basato su JQuery, sono presenti anche effetti di transizione

Demo | Download

 

Galleria 

E' una galleria di immagini in JQuery. In basso si visualizzano le miniature mentre l'immagine selezionata viene vista a dimensione originale

Demo | Download

 

CU3ER Image Slider

E' uno slideshow concepito per delle transizioni in 3D

Demo | Download

JQuery LightBox 

Di Lightbox mi sono già occupato: è un plugin semplice e elegante

Demo | Download

Galleriffic 

Anche di Galleriffic mi sono già occupato. Mostra le miniature delle immagini sulla sinistra mentre sulla destra quella selezionata a grandezza naturale

Demo | Download

 

Easy Slider

E' un plugin che fa della semplicità il suo punto di forza

Demo | Download

S3 Slider : JQuery Image Gallery

E' un plugin in JQuery cin effetti carini che cambia le immagini automaticamente

Demo | Download

 

Anything Slider

E' un plugin basato su JQuery con molte funzionalità: slideshow, navigazione, ecc

Demo | Download

 

Coin Slider

E' uno slideshow con un unico effetto

Demo | Download

 

Cycle

E' un effetto slideshow basato su JQuery che supporta molti effetti di transizione

Demo | Download

 

Featured Content Slider

Altro effetto slideshow

Demo | Download

Horinaja Plugin

E' uno slideshow che permette anche di navigare

Demo | Download

 

JqFancy Transitions

E' uno slideshow con fancy transition effects

Demo | Download

JQueryGlobe – JQuery Plugin

Plugin che usa JQuery

Demo | Download

 

Looped Slider

Slideshow classico

Demo | Download

 

Nivo Slider

Ha ben 9 effetti di transizione e tasti di navigazione

Demo | Download

 

Piecemaker XML Gallery

E' una galleria 3D in flash con effetto ruotante

Demo | Download

 

Pretty Photo

E' un clone di Lightbox che in più supporta video, flash, youtube e iFrame.

Demo | Download

 

Slide Deck 

E' facile da implementare con una bella grafica

Demo | Download

 

ThickBox

E' scritto in Javascript. Può mostrare una singola immagine, più immagini contemporaneamente, iframe, ecc

Demo | Download

 

Simple Slide

E' un plugin semplice da usare e installare basato anch'esso su JQuery. Realizzato in Germania 

Demo | Download

 

YoxView

E' un visualizzatore di immagini e di video per siti web. E' realizzato in JQuery.

Demo | Download

Fonte | Hongkiat -

 



16 commenti :

  1. oddio sono troppi, mi sono persa... chiedo direttamente a te, ma uno slide d'immagini automatico dove clikkando sulla singola immagine si va al relativo articolo... invece di andare alla foto successiva... esiste?

    RispondiElimina
  2. @soffio di dea
    Esiste lo slideshow delle miniature degli ultimi articoli che tu però hai già installato.
    Qui più che di widget (con collegamenti agli articoli) si parla di immagini (e video) tout-court, con delle presentazioni a effetto.
    Si possono utilizzare anche per dei collegamenti però bisogna guardare caso per caso.
    Ciao

    RispondiElimina
  3. ciao^^ho un problema che non c'entra con l'articolo: il mio blog [http://trucchi-stardoll.blogspot.com],quando si scorre un po' in basso con la pagina - all'altezza del modulo per scrivermi - cè la sidebar che va sui post - lo sfondo della sidebar..ecco l'immagine: http://img337.imageshack.us/img337/1148/cmsipuorisolvere.png
    Cioè..puo' dare un'occhiata al mio codice del template e correggere..io non ci riesco..se magari mi dice anche dove lo farò volentieri..grazie 1000

    RispondiElimina
  4. @иαтαℓυиια_7
    Ho guardato ma non sono riuscito a vedere le due sidebar che coprono il post da nessuna parte.
    Anche l'immagine che mi hai postato non la vedo.
    Ho aperto la sorgente della tua pagina e non ho trovato il link dell'immagine...

    RispondiElimina
  5. allora..praticamente un po' di sfondo della sidebar si contrasta con i post perchè è come se uscisse un po' di sfondo e andasse sopra la metà dei post...provi a vedere nell'immagine sotto
    non è proprio un'immagine quella che va sopra i post ma nno so cosa sia...ho provato a modificare qualcosa nel template ma niente!

    IMMAGINE: http://i47.tinypic.com/1042qdl.jpg

    RispondiElimina
  6. * non sono le due sidebar ma una parte molto chiara della sidebar di destra - dall box per contattarmi in giu

    RispondiElimina
  7. onestamente non vedo dei problemi estetici...

    RispondiElimina
  8. vabbe..fa lo stesso =)

    RispondiElimina
  9. Ottima lista! Tra i tanti effetti proposti il mio preferito è quello offerto da Galleria; soluzione ottimale per chi ha molte foto, il massimo sarebbe aggiungerci il link ai post.Posso comunque dire che anche quello offerto da Animated JavaScript Slideshow non è da meno!!!
    Ciao,CS

    RispondiElimina
  10. Ciao! Ottimo elenco!! e c'è anche ciò che sto cercando da un bel po' e cioè uno slideshow di foto così comìè mostrato nella Galleria (il secondo di quelli da te indicati): ora ho provato ad effettuare il download ma mi si apre una pagina che non capisco bene... ma andiamo con ordine:
    1)come faccio a procurarmi il file/codici disponibili con il download?
    2) una volta in mio possesso, li devo usare come un qualunque codice html a cui aggiungere solamente gli indirizzi delle mie foto??
    Grazie intanto per l'attenzione, se riuscissi a darmi una mano te ne sarei davvero grato!!
    Il sito in via di costruzione è questo:

    http://enricogrottophotography.blogspot.com/

    Vorrei creare una prima pagina con lo slideshow di alcune foto e sfruttare la stessa modalità poi per tutte le gallerie...

    Ancora grazie,
    Enrico

    RispondiElimina
  11. @Enrico
    Il secondo è proprio quello più difficile perché non fornisce un modello ma il codice javascript.
    Non è una cosa immediata e per inserirlo occorre basarsi su un altro modello preesistente.
    Se ti interessa veramente segui le indicazioni degli sviluppatori in questa pagina
    http://github.com/aino/galleria

    RispondiElimina
  12. Innanzitutto grazie per la tua risposta così celere!
    Andiamo con ordine:
    - per modello tu intendi anche quelli forniti da blogger?
    Ho provato a guardare il link da te indicatomi, ma temo di essere troppo ignorante in materia...

    RispondiElimina
  13. Intendo uno qualsiasi però se dici di essere non troppo esperto è meglio che lasci perdere e vai su un altro effetto in cui sia già compreso anche il modello.
    Ciao

    RispondiElimina
  14. Ciao come faccio ad adattare il Nivo Slider a blogger? ho fatto un pò di tentativi aiutandomi con Google Sites per hostare i File e Picasa per le immagini, ma poi non sò bene dove richiamare le librerie, mi puoi dare un mano?

    Grazie mille!

    RispondiElimina
  15. @giorgy
    Alcuni effetti più semplici li ho presentati nel blog. Senza impegno può darsi che in seguito mi possa dedicare anche a questo, ammesso che su Blogger funzioni. Le istruzioni sono abbastanza chiare.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy