tigrone.altervista.org/gallery0.1beta.zip

La prima versione... funziona senza database...

• Estrarre il contenuto e aprire public -> gallery -> config.php
  Aprire il file e settare user e password per l'area riservata ed eventualmente, i valori di default per le risoluzioni verticali di foto e miniature- salvare

• Portare tutta la cartella "public" sul server

• Aprire la index contenuta in gallery via browser
  tuosito.it/public/gallery/index.php

• Inserire foto, risoluzioni e didascalie (solo la foto è obbligatoria)

• Per adesso ci sono 3 opzioni:

. Galleria automatica random: cliccando si vede l'anteprima e si crea automaticamente uno script (random.php) che si va a posizionare nella cartella "gallery"... nella tabella più sotto compare il codice dell'iframe da inserire nella pagina web (personalizzare eventualmente i valori di width e height dell'iframe e il tempo tra una foto e l'altra nello script "random.php")

. Galleria con ordine crescente di inserimento: cliccando viene presentata l'anteprima e le due tabelle che contengono i codici da inserire nella pagina web... qua bisogna modificarli per avere una visualizzazione diversa da quella proposta dall'anteprima...

La Galleria con ordine decrescente è uguale a quella sopra tranne per l'ordine inverso...

Ovviamente si può completamente personalizzare nella grafica tramite il foglio di stile.
Trovatemi dei bug e datemi dei suggerimenti per eventuali miglioramenti...
Chiaro che il codice è completamente free!

Per provare:
tigrone.altervista.org/public/gallery/index.php

user: admin
password: pass

Ciao

dove devo andare per vedere la gallery con le thuumbnails poi? o non le hai ancora implementate nella pagina finale? Per ora mi sembra molto immediato e funzionale

@totemx said:

dove devo andare per vedere la gallery con le thuumbnails poi? o non le hai ancora implementate nella pagina finale? Per ora mi sembra molto immediato e funzionale

Fa solo un'anteprima e ti fornisce il codice da inserire nella pagina web... poi è chiaro che te lo puoi personalizzare...
A parte quella random/automatica, sostanzialmente funziona con un iframe che visualizza la foto cliccata dalle thumbs...

@tigrone said:

sostanzialmente funziona con un iframe che visualizza la foto cliccata dalle thumbs...

farlo con jquery? sarebbe troppo dispendioso in termini di tempo dici :)?

la paginazione delle thumbnails invece come fnziona?
cmq ottimo lavoro finora bravo

@totemx said:

farlo con jquery? sarebbe troppo dispendioso in termini di tempo dici :)?

la paginazione delle thumbnails invece come fnziona?
cmq ottimo lavoro finora bravo

Grazie... no, una volta lo feci... almeno per quella random... farebbe una dissolvenza tra una e l'altra...
Non sono molto ferrato in javascript... comunque ci provo...

@totemx said:

la paginazione delle thumbnails invece come fnziona?

Bisogna mettere il relativo codice dove vuoi nella tua pagina... considera che, come è adesso, le thumbs vengono "distribuite" in una tabella a 4 colonne con numero indefinito di righe a seconda di quante sono le miniature...

Se esamini lo script vedi in fondo, nel'ultimo ciclo while, la variabile $diff che determina il numero di colonne...

EDIT: primo bug: mi sono accorto che i link proposti per l'incorporamento dalla pagina anteprima erano sbagliati... Corretto! Il file è aggiornato.

Se vai qua, tigrone.altervista.org/prova.php c'è un esempio di come funziona il tutto...
Dalla anteprima della gallery che hai creato tu, ho preso i codici delle due tabelle e le ho messe in una pagina di prova: la "prova.php" appunto, cambiando i valori di larghezza e altezza dell'iframe e posizionandolo sopra il codice delle thumbs.

bello bello, per jquery ho trovato 1 codice semplicissimo, pome quando sono a casa provo a dartelo

esempio:

nell'head
[HTML]
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('<img src="' + image + '"/>');
return false;
});
});
</script>
[/HTML]

nel body
[HTML]
<div id="image" style="text-align:center; border:solid 5px #000; -moz-border-radius:5px; -webkit-border-radius:5px;">
<img src="images/demo.jpg" border="0" width="320" height="240" />
</div>

<div id="tmb">
<a href="#" rel="images/demo.jpg" class="image"><img src="images/demomini.jpg" class="thumb" border="0"/></a>
<a href="#" rel="images/demo2.jpg" class="image">
</div>[/HTML]

Se così va bene, aggiungo l'opzione...

tigrone.altervista.org/public/esempio.html

la jQuery è la 1.4.2

Non mi piace solo quel "bordone" nero ma si può modificare...

si va bene, il bordo era xè faceva parte di 1 template in cui l'avevo usata levalo pure, cmq lascia che il div si adatti alle dimensioni dell'immagine!

Ho invertito le posizioni dei 2 div e tolto il bordo... rimane da mettere in tabella le thumbs con relative didascalie...

Fatto!
Unica cosa che non sono riuscito ad implementare senza "rovinare" la grafica e lo stile della presentazione con javascript, è la visualizzazione delle didascalie che ho inserito come attributi "alt" e "title" delle miniature.

Manca ancora lo script che visualizza il codice da inserire nella pagina web...

Aggiornato il pacchetto: tigrone.altervista.org/gallery.zip

scrivi i link delle cose che aggiorni così posso controllarle anche se le cambi bravo trigrone ^^

Grazie... il link è sempre quello di partenza... tigrone.altervista.org/public/gallery

admin e pass

Mitico prossimi passi? (per la paginazione come hai risolto poi che non ho capito?)

ps: magari metti un tastino per editare la didascalia di fianco all'immagine?

Ho aggiunto le opzioni di modifica...
Si possono modificare la foto con le risoluzioni (non la sua posizione e data di inserimento) e la didascalia.

Quando vai in preview, i codici che vedi nelle tabelle con bordo rosso, sono quelli da inserire nella pagina web, nel punto in cui vuoi che compaia la gallery.
Ovvio che la cartella public con tutto il suo interno, deve essere presente sul server altrimenti non funziona perchè le foto, miniature e didascalie sono memorizzati al suo interno.

Pacchetto aggiornato: tigrone.altervista.org/gallery.zip

Le prossime "features" saranno:

• Possibilità di creare più gallerie (non solo una), di poterle richiamare singolarmente e modificarle indipendentemente l'una dall'altra.

• Possibilità di definire il layout finale tramite lo script (magari in modo visuale). Adesso è possibile intervenendo direttamente sul codice creato.

Vi chiedo una cosa: la libreria jQuery è liberamente utilizzabile, modificabile e distribuibile... sia a livello personale che commerciale?

@tigrone said:

Vi chiedo una cosa: la libreria jQuery è liberamente utilizzabile, modificabile e distribuibile... sia a livello personale che commerciale?

Utilizzabile si al 100% per qualsiasi fine. Puoi crearti poi gli script. Modificare il "core" non lo so invece. Ottimo attendo aggiornamenti allora, magari prepara (mentre lo sviluppi) un documento di testo per installazione-gestione-implementazione dello script

Installarlo è molto semplice, basta scompattarlo, aprire il config.php, settare user e password, caricare tutta la cartella public sul server e avviarlo chiamando la index col suo percorso:

w w w . tuosito.com/public/gallery/index.php

Almeno le cartelle "didascalie", "immagini", "miniature" e "temp" devono avere i permessi 775

Poi, la sua funzione è fare upload e resize delle foto e produrre il codice per la gallery; il codice prodotto va inserito nella pagina del sito della root... occhio che se la pagina in questione non è in root, vanno cambiati i percorsi...