Creare Galleria fotografica

[Demolition]

ciao a tutti!

sto facendo un sito per un amico..

ho da mettere in questo sito diverse foto di quadri illustrazioni e fumetti che ha realizato.

ora.. non ho voglia di sbattermi a fare 10.000 collegamenti, il materiale è veramente tanto!

il sitoin PHP, è tutto in XHTML e CSS...

esiste un qualche cosa per poter fare una galleria facilmente?

un qualche javascript semplice semplice?

aspetto vostre notizie!

[Charmy]

photoshop ha un tool mega space!

[Demolition]

umm.. forse non mi sono espresso bene.. devo mettere questa galleria nel mio sito, non inserire una pagina (bruttina) nel sito..

mi servirebbe un qualcosa, tipo javascript, simile a questo:

http://www.somme.no/illustrations/index.php

praticamente cliccando sull'icona, si visualizza l'immagine nella pagina (attenzione, alcune immagine aprono una finestrella.. io non vorrei quella cosa)

[pierma]

Dobe Lightroom la crea molto facilmente

inoltre è un beta e, per ora è gratuito. te lo consiglio vivamente

[GiM]

Software PHP da installare sul server:

http://gallery.sourceforge.net/

[Demolition]

GIM bellssimo e utilissimo!

ma non è proprio quel che cercavo..

ho fatto un pò di chiarimenti (con me stesso), e mi servirebbe più che altro un javascript (credo)...

l'esempio qui di seguito incalza proprio quel che cerco:

http://www.somme.no/illustrations/index.php

cioè, la grafica deve rimanere quella che ho fatto io, ma devo inserire in alcune pagina una specie di galleria fotorafica!

sapete come posso fare?

[Charmy]

ho .. trovato ... http://www.lorenzone.it ... va sotto PHP. . e scaricati la libreria . NON quella con GD2 ... troppo complessa per il tuo utilizzo .. ma quella normale...

un esempio la puoi trovare qui ..

http://www.loop-shop.ch

é bellissima ocme galleria... crei la cartella inserisci un file txt con il nome della gallery .. ci getti dentro le foto .. e le thumbs te le genera lui automaticamente .... ed é tutto mega configurabile....

dimmi se ti é piaciuta o meno.

[grigio60]

cioè, la grafica deve rimanere quella che ho fatto io, ma devo inserire in alcune pagina una specie di galleria fotorafica!

sapete come posso fare?

[/b]

Jalbum, freeware molto potente e dall'aspetto grafico completamente customizzabile (si basa su template CSS qualsiasi e quindi non sei vincolato a usare un unico schema o una grafica precotta) e pure scriptabile: decidi tu cosa far apparire, se vuoi avere una galleria di miniature che si ingrandiscono nella stessa pagina oppure no, eccetera eccetera.

È basato su Java quindi è multipiattaforma, molto rapido nel generare il tutto. Io lo uso su parecchi siti, tutti graficamente differenti, e in modo coerente con le varie impostazioni grafiche proprio grazie alla base CSS.

http://jalbum.net/

[Demolition]

ho controllato un po'tutti quelli che mi avete consigliato..

tutti molto carini!!!

però non saprei.. c'è sempre qualcosa che non mi convince...

ma qualcosa simile al sito che avevo scritto sul mio ultimo post qui sopra non esise?

[Switcher74]

beh io intanto inizio col ringraziarvi tutti: stavo proprio cercando qualche cosa di simile!!!

GRAZIE! :cheesygreen:

[grigio60]

ma qualcosa simile al sito che avevo scritto sul mio ultimo post qui sopra non esise?

[/b]

con jalbum puoi farlo tranquillamente esattamente nello stesso modo (compreso l'indice di miniature suddiviso su più pagine differenti con il link "next" come nell'esempio e quante miniature compaiono in una pagina lo decidi tu). anzi, rendering grafico a parte (che si può ottenere giocando sulle CSS) mi sembra che esiste sul sito di JAlbum pure un template già fatto con la stessa impostazione del tuo esempio, per cui basta solo scaricarlo e modificarlo dove serve.

perché dici che non ti convince? non mi è chiaro che cosa ti aspetti di trovare....

[Demolition]

tutti molto belli!

pero'non sono proprio quello che cercavo.

qualcuno di voi può aiutarmi a creare una cosa simile a questa: http://diemme.altervista.org/esempio/ ?

però se possibile con il codice molto più pulito!!!

potete darmi una mano?

[grigio60]

tutti molto belli!

pero'non sono proprio quello che cercavo.[/b]

ragazzo mio, se riuscissimo a capire una buona volta che cosa stai cercando esattamente forse potremmo darti una mano, visto che ogni volta ci rimandi a un esempio diverso (in un caso miniature che aprono l'immagine nella stessa finestra, nell'altro caso miniature che aprono un pop-up) e non si capisce qual è la cosa che vorresti ottenere:

- il codice javascript per l'apertura in pop-up?

- il codice di interfaccia verso il database?

- il codice o il programma di generazione automatica delle pagine con le caratteristiche che indichi tu a partire dai file in locale?

- cosa intendi con "codice molto più pulito"? il codice html risultante nell'ultimo esempio è di una linearità perfetta, più pulito di così - o ti riferisci al codice javascript?

finché rimani troppo sul vago e lasci a noi l'onere di indovinare quel che vuoi davvero, anche le nostre risposte saranno per forza di cose insoddisfacenti

[Demolition]

giusto...

allora, dato che ancora non mi sono deciso su che tipo di gallery voglio inserire, sono sempre in dubbio se farne una che apre i popup o che apre le foto nella stessa pagina.

meglio sarebbe quella più semplice da realizzare.. e qui allora chiedo un consiglio a voi.

per l'ultimo esempio che vi ho dato, il codice html è pulito, ma si puù snellire di molto quello del javascript?

[grigio60]

sono sempre in dubbio se farne una che apre i popup o che apre le foto nella stessa pagina [/b]

personalmente sono abbastanza contrario ai pop-up, sia perché psicologicamente sono collegati a elementi fastidiosi (vedi pubblicità) poi perché se un utente finale attiva il blocco dei pop-up rischieresti di vedere vanificato il tuo lavoro. inoltre il pop-up è più macchinoso per l'utente finale perché richiede la chiusura a mano della finestra, ossia un click in più, se poi a ogni immagine apri un pop-up nuovo la cosa diventa ancor più fastidiosa (schermo sovraffollato di pop-up).

mi verrebbe quindi da suggerirti di seguire la seconda ipotesi, ossia quella dell'immagine che si apre nella stessa pagina in cui sono presenti le miniature.

qui ti puoi sbizzarrire col codice: personalmente, per un sito di un artista, ho sviluppato un codice che consente di visualizzare l'immagine ingrandita semplicemente passando il mouse sopra la miniatura (quindi senza alcun click da parte dell'operatore). tra l'altro, questo sistema possiede il vantaggio di dare al sito un effetto "fatto con flash" anche se in realtà è fatto tutto in XHTML+CSS canonico.

il codice javascript è abbastanza semplice e gioca sull'utilizzo dell'attributo "id" / "name" all'interno del tag <img>, se vuoi vedere un esempio di come funziona ti passo il link http://www.giulianocardella.it vai alla sezione Galleria e vedi se può andarti bene una cosa di questo tipo.

[Demolition]

VERO..

i popup non sono il massimo..

e per fare una cosa simile a quella del link che mi hai dato come dovrei fare?

[grigio60]

allora, è più lungo da spiegare che non da fare :angry:

l'area in cui compare l'immagine ingrandita è in realtà a sua volta un'immagine a cui però ho aggiunto un id/name nel codice html - e questo attributo aggiuntivo è la chiave di tutto il meccanismo di funzionamento.

la prima volta che carichi la pagina, viene caricata in quella posizione un'immagine riempitiva (nel mio caso la scritta che spiega come usare la pagina, è un file che ho chiamato placeholder.jpg ma ovviamente tu puoi usare un qualsiasi altro file al suo posto).

il codice xhtml usato per questa immagine-destinazione è questo tipo:

<img id="mostra" name="mostra" src="images/placeholder.jpg" alt="Fare click sulla miniatura" />

secondo step: a ogni miniatura è associato un link fittizio che serve da supporto per un'azione javascript in corrispondenza del passaggio del mouse sopra la miniatura:

#[/color]"]onmouseover="mostraImmagine('p2004_1');" >

alla funzione mostraImmagine viene passato un parametro (che "casualmente" ha lo stesso nome del file di immagine) che altro non è che un oggetto javascript che punta all'immagine ingrandita da mostrare.

terzo step:

ho definito un file di include javascript in cui ho creato la corrispondenza tra i file con le immagini ingrandite e il parametro javascript da usare nel link di cui sopra. in pratica ho definito per ogni immagine un oggetto javascript che per praticità ha lo stesso nome del file ma senza l'estensione.

dato che il sito del tuo amico si basa su php, puoi anche far generare questo file automaticamente tramite uno script php

il file di include si chiama "galleria.js" e contiene solo istruzioni di questo tipo (una per ogni immagine):

p2004_1 = new Image (360,350); // definisce le dimensioni in pixel largh x altezza

p2004_1.src = "./pitture/p2004_1.jpg"; // associa l'oggetto al file contenente l'immagine ingrandita

per includere il file javascript è sufficiente aggiungere questa linea nella sezione <head></head> del file html finale:

<script type="text/javascript" src="galleria.js" language="javascript"></script>

quarto step:

il codice javascript di mostraImmagine: due linee in tutto

function mostraImmagine (nome) {

sorgenteImmagine = eval(nome+".src");

document["mostra"].src = sorgenteImmagine;

}

Spiega del codice:

Con la prima linea assegno alla variabile sorgenteImmagine un valore che sarà nome.src: per esempio, se io passo al posto di nome il parametro 'p2004_1', ottengo: sorgenteImmagine = p2004_1.src.

Guarda caso, il file galleria.js di cui sopra assegna alla variabile di nome p2004_1.src esattamente il file contenente l'immagine. Di conseguenza, a questo la variabile sorgenteImmagine in realtà punta esattamente all'immagine ingrandita che voglio mostrare ed equivale al path dell'immagine da caricare

La seconda linea di codice dice al browser che per l'oggetto html che ha id/name "mostra", ossia la famosa immagine contenitore definita all'inizio, deve usare come file sorgente il contenuto di sorgenteImmagine, ossia l'immagine finale.

E il gioco è fatto :cheesygreen: :cheesygreen:

[GiM]

allora, è più lungo da spiegare che non da fare

[/b]

MA sei un maestro!

[GiM]

Se vuoi un softwarino free che genera galleria monopagina e con tanto di slideshow tutto molto semplicemente e pulito comunque prova iGallery 1.6.1

[notpill]

Simpleviewer lo fa in 3 secondi ed è moolto cool .

Anche se, secondo me ti conviene fare qualcosa con database. Altrimenti gli aggiornamenti sono una rottura.

http://www.airtightinteractive.com/simpleviewer/

[GianniSmart]

ciao a tutti!

sto facendo un sito per un amico..

ho da mettere in questo sito diverse foto di quadri illustrazioni e fumetti che ha realizato.

ora.. non ho voglia di sbattermi a fare 10.000 collegamenti, il materiale è veramente tanto!

il sitoin PHP, è tutto in XHTML e CSS...

esiste un qualche cosa per poter fare una galleria facilmente?

un qualche javascript semplice semplice?

aspetto vostre notizie!

[/b]

usa photoshop...

ha l'apposita funzione

anke nella demo di 30 giorni mi sembra funzioni

[Demolition]

allora, è più lungo da spiegare che non da fare

[/b]

posso chiederti una cosa?

innanzi tutto grazie per il consiglio, sto usando il tuo metodo per fare la gallery..

volevo chiederti, invece di fare apparire l'immagine con il passaggio del mouse, per farlo apparire con il click, come devo fare?

[Demolition]

posso chiederti una cosa?

innanzi tutto grazie per il consiglio, sto usando il tuo metodo per fare la gallery..

volevo chiederti, invece di fare apparire l'immagine con il passaggio del mouse, per farlo apparire con il click, come devo fare?

[/b]

che idiota...

mi autorispondo da solo..

"Caro Demolition, noto con dispiacere che ancora non hai capito niente.. basta che cambi il comando da onmouseover in onclick..."

giusto?

[grigio60]

"Caro Demolition, basta che cambi il comando da onmouseover in onclick..." [/b]

mi hai tolto le parole di bocca :wink:

[Demolition]

mi hai tolto le parole di bocca :wink:

[/b]

potevi anche non omettere il pezzo dove mi autocritico sul fatto che non capisco niente

[Demolition]

...uh, ma è mormale che ci metta un bel po'per caricare la pagina?

e poi, puo'essere che quando visualizzo la pagina, se voglio vedere l'ultima immagine, deve aspettare che carichi prima tutte le altre???

[grigio60]

...uh, ma è mormale che ci metta un bel po'per caricare la pagina?[/b]

quello dipende esclusivamente dal numero e dal "peso" delle immagini che stai caricando. vanno usati alcuni accorgimenti, per esempio per le miniature, è consigliabile generare un file di immagini già con le dimensioni ridotte e con un livello di qualità jpeg anche abbastanza basso. idem per le immagini ingrandite, non serve usare una qualità jpeg al 100%, in molti casi una qualità attorno al 60% può essere più che sufficiente ma il peso del file (e quindi il tempo di scaricamento) diventa decisamente inferiore. puoi anche ricorrere a uno script di preloading delle immagini se vuoi velocizzare un pochino il tutto. di solito però il tempo di caricamento è maggiore solo la prima volta in cui accedi alla pagina, poi va tutto in cache e l'effetto migliora.

e poi, puo'essere che quando visualizzo la pagina, se voglio vedere l'ultima immagine, deve aspettare che carichi prima tutte le altre??? [/b]

no, l'ordine di scaricamento dalla rete e di visualizzazione delle immagini non è predefinito a priori perché dipende dalle condizioni istantanee di traffico in internet e di stato del server. semmai potrebbe essere il browser specifico a mettere le immagini in buffer per poi visualizzarle nell'ordine esatto in cui son definite nella pagina, di solito però per motivi di efficienza questo non avviene per lo meno con la maggior parte dei browser.