[cercasi]Gallery+Admin

totemx

[cercasi]Gallery+Admin

Ciao ragazzi, sono alla disperata ricerca di uno script per la gestione di una gallery fotografica con un pannello di amministrazione. Mi serve una cosa semplicissima che permetta giusto di inserire le immagini e rimuoverle e farle ovviamente apparire nella pagina che mi interessa. Ho guardato qui nel forum ma non c'è nulla che faccia al caso mio ahimè, lo script migliore che ho trovato è uno che si chiama galeriashqip ma la versione LITE (che mi serve) non funziona -.-. il resto è tutto con troppe funzioni o incasinato...

tigrone

Spiega per filo e per segno come lo vorresti...

totemx

Lol ormai non speravo che qualcuno rispondesse e ho dovuto pagare un programmatore. Sostanzialmente ho usato il cms zenphoto per la gestione della gallery e mi sono fatto modificare il php del template più o meno ad hoc. Anche se in realtà mi fa una cosa abbastanza brutta, cioè le immagini invece di essere realmente compresse vengono schiacciate con del javascript. Dici che se postassi qui il codice sarebbe 1 buona cosa e qualcuno mi aiuterebbe o dovrei aprire 1 nuovo topic?

tigrone

Io pensavo di farlo nuovo ad hoc, non modificare script già fatti...
Per quello ti ho chiesto di descrivermi per filo e per segno come lo vuoi.

totemx

Wow se me lo fai te ne sarei immensamente grato ^^

Praticamente... La cosa è molto semplice...

2 zone: amministrativa e visuale

zona amministrativa: login con pass, pannellino semplice dove posso caricare le foto, vederle ed eliminarle oltre a potergli dare una piccola descrizione. Tra le opzioni servirebbe la possibilità di settare o non la riduzione automatica della dimensione della foto. Possibilità di definire le dimensioni delle thumbnails. Possibilità di ordinare per nome o per data le foto come appariranno.

zona visiva: semplicità di implementazione con qualsiasi template. Ci sarà l'immagine in grande (al caricamento della pagina si vede la prima che viene pescata dal database) e sotto (o comunque in un div facilmente spostabile) le thumbnails cliccabili e con la paginazione in modo che quando arrivo ad un tot mi appare sotto "successiva-precedente".

mi sembra di non aver scordato nulla, se ti serve altro fammi sapere

tigrone

@totemx said:

zona amministrativa: login con pass, pannellino semplice dove posso caricare le foto, vederle ed eliminarle oltre a potergli dare una piccola descrizione. Tra le opzioni servirebbe la possibilità di settare o non la riduzione automatica della dimensione della foto. Possibilità di definire le dimensioni delle thumbnails. Possibilità di ordinare per nome o per data le foto come appariranno.

zona visiva: semplicità di implementazione con qualsiasi template. Ci sarà l'immagine in grande (al caricamento della pagina si vede la prima che viene pescata dal database) e sotto (o comunque in un div facilmente spostabile) le thumbnails cliccabili e con la paginazione in modo che quando arrivo ad un tot mi appare sotto "successiva-precedente".

Ciao... quindi:

zona admin:
login - ok
pannello di controllo - ok
opzioni su resize - ok
didascalie - ok
dimensioni thumb - ok
ordinamento foto - preferirei per data

visualizzazione sul sito, qui bisogna parlarne:
non so ancora usare il database (sto cominciando a studiare mysql adesso), penso comunque che non sia strettamente necessario...
io pensavo di mettere in un iframe l'immagine grande da cambiare cliccando le thumbs posizionate dove vuoi nella pagina...
Effetti particolari in javascript non sono in grado di farli ma comunque, una volta creato il sistema, la visualizzazione te la potresti fare tu a tuo piacimento...

Cosa importante: dovrai poter creare una galleria o diverse gallerie?

tigrone

Sono a buon punto, credo che domani riesca a finirlo...
Se ci vuoi "giocare" un po'... il link è questo:

tigrone.altervista.org/public/gallery/

user: tigrone
pass: admin

Per adesso crea solo gallerie random... domani vedrò di farle in ordine di inserimento con le thumbs...

Ciao

totemx

cavolo grazie, attendo il lavoro finito, sei il mio idolo XD

tigrone

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

totemx

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

tigrone

@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...

totemx

@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

tigrone

@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...

tigrone

@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.

tigrone

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.

totemx

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

totemx

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]

tigrone

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...

totemx

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!

tigrone

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