13 gennaio 2008

Photogallery aggiornabile in php e javascript

Una photogallery facilmente aggiornabile dall’utente, realizzata in javascript e php. Non necessita di database perchè legge e carica i file direttamente da specifiche cartelle.

In queste settimane di latitanza mi sono dato al php e al javascript per realizzare una photogallery dinamica e aggiornabile dall’utente… e siccome la sto realizzando come voglio io… secondo me è la photogallery più bella del mondo. :)
E visto che non sono esperto nè di php, nè di javascript… è un ottimo risultato! (Tecnicamente ho messo insieme diversi tutorial e sbattuto la testa per capire come funzionano)

Queste le caratteristiche che ci ho messo:

  • slide show con dissolvenza incrociata e link all’immagine a grandezza originale;
  • thumbs che scorrono in una finestra, cliccabili per indicare alla slide l’immagine da visualizzare;
  • numerino generato in automatico che etichetta le thumb;
  • freccine per scorrere la galleria delle thumb più velocemente;

Mentre per quel che riguarda il pannello per aggiornare la photogallery:

  • l’immagine caricata viene copiata e spostata in 3 cartelle a grandezze diverse (immagine originale, immagine per lo slideshow e immagine per la thumb);
  • al nome dell’immagine viene aggiunto un numero di 3 cifre all’inizio che serve per ordinare la sequenza dello slideshow; dal pannello di controllo si può quindi ordinare le immagini (l’utente visualizza solo il nome dell’immagine senza il “prefisso”)
  • il resto del nome dell’immagine può venire utilizzato come titolo.

Dimentico qualcosa? probabile.

Ad ogni modo la “demo” è qui: photogallery

Per andare nel pannello di controllo sostituite “photogallery.php” con “mod” alla barra degli indirizzi.

Appena l’avrò perfezionata condividerò il codice… nel frattempo ditemi cosa ne pensate…


9 commenti »

  1. Commento by antonio

    Mi piace, se mi dai il codice la uso ciao

  2. Commento by admin

    Grazie Mille!
    Ci saranno ancora delle imperfezioni…
    ma al prossimo post condivido il codice.
    Se poi sei esperto di php e javascript e hai dei suggerimenti…

  3. Commento by Luigi Mario

    Tanto per cominciare voglio sottolineare che non sono una cima con Php, perciò sono a chiederti:
    1) visto che devo ordinare un dominio ad aruba domani in giornata, la tua photogallery (che tra l’altro è MOLTO bella, gradevole e funzionale) da problemi se la installo su un hosting windows, aruba mi da tutte le estensioni per il Php, il mio dubbio sono i permessi di scrittura che sull’hoeting windows non sono settabili come per un hosting linux.
    Sono anche indizizzato alla versione windows in quanto devo adattare dei moduli che ho fatto, abbastanza complessi e che girano in ASP (che linux non ha).
    Scusa per il casino nello spiegarmi ma, sono sicuro che riuscirai a capirmi.
    Aspetto una risposta.
    Complimenti
    Luigi Mario

  4. Commento by admin

    Risposta inviata per email.
    Per alcuni problemi con la photogallery fate riferimento a http://www.thanx.it/seospecialistblog/index.php/web-master/photogallery/photogallery-javascript-php-ecco-il-codice

  5. Commento by scranchk

    ciao ho copiato tutta la cartella della photogallery su wamp ho attivato tutti i servizi di wamp e ho provato se funzionava…ma mi da questi errori quando apro la photogallery

    Notice: Undefined variable: f_slide in C:\wamp\www\index.php on line 10

    Notice: Undefined variable: f_thumb in C:\wamp\www\index.php on line 11

    Notice: Undefined variable: f_photo in C:\wamp\www\index.php on line 12

    Warning: usort() [function.usort]: The argument should be an array in C:\wamp\www\index.php on line 23

    Warning: getimagesize() [function.getimagesize]: Filename cannot be empty in C:\wamp\www\index.php on line 25

    Notice: Undefined variable: spthumb in C:\wamp\www\index.php on line 27

    Notice: Undefined variable: wphoto in C:\wamp\www\index.php on line 35

    e invece quando mi sposto su /mod mi da questi errori

    Parse error: parse error in C:\wamp\www\mod\index.php on line 73

    premetto che ho scaricato la photogallery lo estratta e copiata nella cartella www di wamp senza toccare nulla….

    potreste aiutarmi????

  6. Commento by marco

    io penso che la foto gallery e carina ma io ci aggiungerei ancora delle cosine per esempio una descrizione della foto cioe’ uno quando seleziona una foto dovrebbe anche esserci una descrizione poi fare una sotto gallery che quando uno seleziona una foto ci clikka si apre e si possono vedere anche altre foto della stessa serata o giornata

  7. Commento by giovanni

    non ci sarebbe un implementazione x creare delle gallerie separate?

    cioè questo tuo script è notevole.se creerebbe anche gallerie sarebbe perfetto…cosa ne pensI?

  8. Commento by admin

    Cosa intendi di preciso? perché quello che suggerisci mi fa venire in mente semplicemente più pagine diverse con ognuna una photo gallery…

  9. Commento by Alessandro

    Ciao, bella la photogallery!!! A me servirebbe solo visualizzare delle immagini in dissolvenza contenute in una cartella senza il bisogno di poter cliccare per cambiare l’immagine.

RSS feed dei commenti a questo articolo. TrackBack URI

Lascia un commento

If you want to leave a feedback to this post or to some other user´s comment, simply fill out the form below.

(obbligatorio)

(obbligatorio)


Google Analytics Individual Qualification
joomla space

  • seo specialist tag

Adotta un SEO

Con il tuo aiuto un SEO può continuare a fare il suo prezioso lavoro a beneficio di tutta la comunità... adotta un SEO...
Facebook Linkedin Twitter Digg StumbleUpon Delicious YouTube Picasa Google Feed Scrivimi Skype me