Fw

Wordpress Creative Developer

Colorbox: Ottima Alternativa Più Completa di Lightbox

  • Plugin jQuery
  • -

Le alternative a lightbox, il famoso plugin per la visualizzazione delle immagini, sono sempre di più e ormai c’è solo l’imbarazzo della scelta.

L’ultimo nato è ColorBox, ottimo plugin che si fa apprezzare per alcune sue caratteristiche  non ancora viste in altri plugin, come ad esempio l’effetto fade tra 2 immagini.

colorbox_lightbox_plugin

Il plugin, come si vede negli esempi, permette di aprire nelle finestre immagini, slideshow, siti internet, filmati flash e cosa molto importante è compatibile con tutti i browser compreso internet explorer 6.

Come utilizzarlo e configurarlo  lo trovi nella pagina del plugin (se ci sono dubbi chiedi pure nei commenti).

Vai al plugin

Vai agli esempi

19 Commenti

  1. ciao Fede vorrei utilizzare questo colorbox, l’ho scaricato
    ma non trovo il codice da mettere nel mio html. Sono in difficoltà.

    Potresti aiutarmi. Grazie

    Nik-magic

  2. Ciao,
    anch’io non capisco bene come utilizzare colorbox, ho fatto un po’ di ricerche sul web ma non ho trovato una guida “for dummies”!
    grazie

  3. Ciao e benvenuti nel blog 😉

    Allora come prima cosa dovete inizializzare lo script, inserendo queste righe di codice tra i tag head:

      

    Poi nel body, inserite gli elementi che volete utilizzare per colorbox.
    Ad esempio:

    Foto
    

    Infine sempre tra i tag head inserite queste righe di codice:

      

    Poi si possono fare molte personalizzazioni, cambiando gli effetti, impostando le dimensioni delle immagini ecc.
    Per capire bene come funziona guardate anche gli esempi che trovate insieme allo script.

    Per qualunque dubbio sono qui 😉

  4. ciao, aiuto, mi sento profondamente sconfitto. Da pochi giorni sto usando wordpress e ci capisco un po’ poco. Quei codici che tu hai scritto dove li devo copiare? Ho scaricato il plugin di colorbox e funziona con le immagini, ma non con i video. ho visto gli esempi, ma non so cosa devo fare (copio l’html?).
    ho scaricato anche un altro plugin, nextGEN gallery, per realizzare gallerie di immagini. quello che vorrei ottenere è una roba del genere: http://www.lacompagniadelcaffe.com/multimedia/photogallery.shtml. clicco sul link, si apre l’elenco di foto, che si visualizzano in overlay. e la stessa cosa vorrei farla per i video(http://www.lacompagniadelcaffe.com/multimedia/videogallery.shtml). ci sono speranze? credo di sì, ma viste le mie competenze sono molto dubbioso. Ti chiederei, se trovassi una soluzione, di essere il più chiaro possibile. Ti ringrazio molto e in anticipo!

  5. Ciao Edoardo e benvenuto nel blog 😉
    Mi sono documentato meglio su colorbox e sembra che non supporti i video.

    Ti consiglio di provare shadowbox, plugin che utilizzo io stesso per questo blog 😉

  6. Grazie! sono riuscito a fare una cosa ibrida, nel senso che apro le foto con colorbox (che è più completo, ha più temi, ecc) e i video li apro con shadowbox. Grazie ancora!

  7. Ciao..scusa se ti disturbo..
    Ho appena iniziato a “programmare” (se si può definire ciò che tento di fare ._.) ..cmq io uso NotePad++ e Easy PhP.
    Ho scaricato Colorbox e l’ho estratto mettendolo nella stessa cartella del file html poi nella pagina html ho messo i codici che hai scritto sopra con una sola immagine che è sempre nella stessa cartella della pagina html.
    Solo che il risultato è una parola sottolineata “Foto” e cliccandoci fa vedere la foto Q.Q cioè è abbastanza orribile..per niente come nel esempio..perfavore potresti aiutarmi ? dirmi dove ho sbagliato insomma.. ? Io non ho messo nessun codice di quelli trovati nella cartella di colorbox ho sbagliato ..forse dovevo metterli. Dove però ? oddio non so..help _._

  8. Ciao Meey e benvenuto nel blog 😉

    Scusa per il ritardo nella risposta ma sono tornato ieri dalle ferie..

    Non so se nel frattempo hai risolto, comunque cosa intendi quando dici che “non hai messo nessun codice di quelli trovati nella cartella colorbox” ?

    Se hai usato il codice che ho postato nel commento, controlla che i percorsi degli script siano corretti.

  9. Mi ha cancellato metà commento ma va bene ! Oggi internet ce l’ha con me xD
    Commento integrale :
    Ahhh bentornato ! ^-^
    Uhm.. ho risolto ..se così si può dire >..<
    Ho scaricato un pacchetto con i codici di una galleria fotografica e dentro c'era un foglio di esempio così ho sostituito le immagini ^^" Sbagliavo nel posizionare i codici..li mettevo da tutta un altra parte. Apparte tutto ho risolto.. grazie mille della risposta e magnifico blog davvero non so se ci si possa iscrivere comunque sei nella mia lista preferiti ! *-*

  10. Ottimo sono felice che hai risolto!

    Si ti puoi iscrivere ai feed RSS!

  11. Ciao Fede!!!!!
    intanto complimenti per gli esami!!! MITICO!

    ti scrivo xkè vorrei sapere come posso inserire il condividi di facebook all’nterno del color box:

    IMMAGINE mappata (con le map di dreamweaver), clicco si dovrebbe aprire il light box con l’immagine e sotto il condividi di facebook…

    questa sarebbe la mia massima aspirazione, ma al limite la mappatura la tolgo 🙁
    Secondo te è fattibile senza diventare scemi?

    Come sempre grazie…

  12. Ciao potresti utilizzare il colorbox per aprire una pagina HTML via ajax, contenente solo la foto e il pulsante condividi di Facebook, senza utilizzare la mappatura. 😉

  13. Salve, ho scaricato colorbox ed inserito i codici come descritto in dreamweaver cs5, mi si apre una foto più grande ma in una pagina bianca a tutta pagina ed invece io vorrei un box sovrapposto alla pagina originale e con un botton x tornare alla pagina originale, come si fa?
    Grazie
    Alex

  14. Ciao Alex e benvenuto nel blog 😉

    Hai controllato i persorsi dei file che siano giusti?

  15. Ciao, scusa se non mi sono presentata, ma ero e sono in crisi, sto facendo questo sito…. x altro opera prima… è il primo che provo a fare e il colorbox mi sta facendo diventare matta non riesco a venirne a capo, mi sono riletta i codici 1000 volte ma non riesco a far venir fuori una minipagina sovrapposta alla prima mi viene solo una pagina nuova a tutto schermo!!! Se qualcuno mi potesse aiutare!!! Help

  16. Ciao fede vorrei un piccolo supporto da parte tua ma credo che per spiegarlo qui sia un casino,cmq ci provo, scusami se sono ignorante nel campo!!!.
    allora nella pagina foto come tutte le altre l’html inizia cosi:

    home


    ecco allora mi chiedo per far si che venga caricato oltre al “default.css” anche colorbox dove e cosa scrivo? se ti uppassi il sito riusciresti a modificarmi quella pagina o chiedo troppo?

  17. niente non mi fa postare neanche il codice

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *