- Home
- Categorie
- Coding e Sistemistica
- PHP
- [cercasi]Gallery+Admin
-
@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 bravoGrazie... 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...
-
ma quindi lavora senza db ora? sei riuscito a fare la modifica che ti chiedevo x cambiare la didascalia una volta caricata la foto?
cosa succede se carico 20 foto alla pagina di admin? scrollano o vengono paginate?
-
@totemx said:
ma quindi lavora senza db ora?
Si.@totemx said:
sei riuscito a fare la modifica che ti chiedevo x cambiare la didascalia una volta caricata la foto?
C'è... nelle opzioni modifica@totemx said:
cosa succede se carico 20 foto alla pagina di admin? scrollano o vengono paginate?
Nella pagina admin vengono solo elencate... diciamo in disordine...