Inserire fotogallery

Printable View

12-07-2011, 10.46.56
lc12net

Inserire fotogallery

Salve a tutti,
prima della richiesta una doverosa premessa:
<premessa> Il titolo potrebbe fuorviare ma quello a cui faccio riferimento non riguarda i servizi AlterGallery o la gallery installabile da Pannello di controllo. </premessa>

Veniamo alla mia richiesta :
vorrei inserire su un sito una fotogallery che possa integrarsi con le pagine del sito stesso in modo che cliccando su una foto, questa si ampli. A titolo di esempio vorrei inserire una cosa del :arrow:genere e magari se fosse possibile inserire anche il nome della foto quando questa si apre.

Spero possiate aiutarmi!! :lol:

Ciao!
12-07-2011, 11.30.45
luca1962

Prova a vedere questa se ti va bene.
12-07-2011, 14.52.56
lc12net

Citazione:

Originalmente inviato da luca1962

Prova a vedere questa se ti va bene.

Ma non riesco a cambiare le foto una volta aperta una. Devo sempre tornare indietro e scegliere un'altra foto. Quello che chiedevo, se c'è uno script magari già pronto è una cosa tipo questa [IMG]
http://img827.imageshack.us/img827/7...gineaid.th.jpg
[/IMG].
Ti ringrazio
12-07-2011, 15.35.30
sevenjeak

Quella, e per verificarlo sono andato anche sul sito, è fatta in jQuery, dai un'occhiata a questi script già fatti;

http://blueprintds.com/2009/01/20/to...llery-plugins/

Dovrebbe essere la 9° galleria presente.
21-07-2011, 11.08.59
lc12net

Citazione:

Originalmente inviato da sevenjeak

Quella, e per verificarlo sono andato anche sul sito, è fatta in jQuery, dai un'occhiata a questi script già fatti;

http://blueprintds.com/2009/01/20/to...llery-plugins/

Dovrebbe essere la 9° galleria presente.

Ti ringrazio! Era proprio quella che cercavo! Scusa per il ritardo di risposta ma non avevo a disposizione un pc connesso a internet! :lol:
Ma il fatto che sia in jquery richiede di dover operare su un database? Non mi basta inserire i codici in html?
Io in jquery non so proprio niente! :wink:

Grazie!
Ciao
06-01-2012, 21.47.36

ciao, sono nuova, vorrei fare una fotogallery tipo la tua, come devo fare?
21-01-2012, 12.09.33
lc12net

Citazione:

Originalmente inviato da sitandstay

ciao, sono nuova, vorrei fare una fotogallery tipo la tua, come devo fare?

A dire la verità devo ancora provare ma prova a vedere qua e se riesci a fare qualche cosa dicci dicci!! :wink:

EDIT:
E' tutta la mattina che provo a lavorare per inserire la gallery in jquery ma non riesco a farla funzionare!
Non c'è nessuno di buon cuore che mi/ci può dare una mano?
Grazie!

EDIT:

:up:
Mi dispiace e mi vergogno anche un po' a fare questo up ma qualche d'uno mi sa spiegare come installare una fotogallery in jquery? Occorrono particolari requisiti? Sul sito ufficiale (che ho letto) non ho capito molto :???:
Grazie a tutti e perdonatemi:wink:

Ciao
26-01-2012, 17.46.44
alemoppo

Non ho mai "installato" nulla, e non so in questi casi se il codice jQuery è già incluso nello script. Prova a verificare che sia incluso.

Ciao!

EDIT:

ho visto il sito.
Al punto uno dice di mettere:

Codice:

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>

Che è appunto l'inclusione dei file.

Hai una pagina di esempio che non funziona?

Ciao!
26-01-2012, 17.50.00
lc12net

Citazione:

Originalmente inviato da alemoppo

Non ho mai "installato" nulla, e non so in questi casi se il codice jQuery è già incluso nello script. Prova a verificare che sia incluso.

Ciao!

Ti ringrazio per la pazienza!
Ho scritto "installato" perchè ho trovato che bisogna installare un pacchetto di jquery per far funzionare le gallery. Ho già fatto alcune prove ma i risultati sono stati sempre negativi. Mi aprivano le foto in una nuova pagina come se fosse un normale collegamento.
26-01-2012, 17.51.12
alemoppo

Beh sì, "installato" intendevo dire preso codici già pronti, quindi non sapevo se jQuery era incluso.

Comunque, come ho detto sopra, hai una pagina di esempio che non funziona?

Ciao!
26-01-2012, 17.56.13
lc12net

Citazione:

Originalmente inviato da alemoppo

Beh sì, "installato" intendevo dire preso codici già pronti, quindi non sapevo se jQuery era incluso.

Comunque, come ho detto sopra, hai una pagina di esempio che non funziona?

Ciao!

Di nuovo grazie molte!
La pagina di prova l'avevo caricata e poi tolta ora la cerco e ti linko!

Edit:
Ero sicuro di averla tenuta ma non la trovo più ne sul web ne su questa macchina. L'altra macchina purtroppo per ora è fuori uso...
Non appena la trovo linko!
Di nuovo grazie!
27-01-2012, 00.17.24
alemoppo

Citazione:

Originalmente inviato da lc12net

Ero sicuro di averla tenuta ma non la trovo più ne sul web ne su questa macchina. L'altra macchina purtroppo per ora è fuori uso...
Non appena la trovo linko!
Di nuovo grazie!

Vabbè, poi fai risapere.

Comunque, vedendo il sito, a me non sembra difficile:

Occorre prima caricare tutti i file sul proprio spazio, poi incollare (meglio se tra <head> e </head>) le righe:

Codice:

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />

quindi, scrivere una cosa come:

Codice HTML:

<a href="image1.jpg" class="lightbox"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a> <script type="text/javascript"> $('.lightbox').lightBox(); </script>

(però non ho provato, quindi non so se funziona).

Ciao!
27-01-2012, 17.28.09
lc12net

Ciao,
ho visto che mi hai risposto!
Non ho ancora provato i tuoi consigli ma ho trovato la pagina che avevo fatto di prova: http://acroteri.altervista.org/foto.htm
Come vedi non funziona per niente :???:
Sulla root principale del sito ho anche caricato la cartella che diceva di scaricare dove dovrebbero esserci i plugin e quant'altro.

Ti ringrazio per il tuo tempo!
27-01-2012, 17.38.25
alemoppo

Ho dato un'occhiata.

Codice HTML:

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />

I 3 file non esistono (non sono raggiungibili), quindi non può funzionare.
Inoltre:

Codice:

$ (Function () { / / Utilizzare questo esempio, o ... $ ('A [@ rel *= lightbox]') lightbox ();. / / Seleziona tutti i link che contiene lightbox l'attributo rel / / Questo, o ... LightBox $ ('# a galleria') ();. / / Seleziona tutti i link in oggetto con galleria ID / / Questo, o ... LightBox $ ('a.lightbox') ();. / / Seleziona tutti i link con classe lightbox / / Questo, o ... . $ ('A') lightbox (); / / Seleziona tutti i link nella pagina / / ... Le possibilità sono molte. Usa la tua creatività o scegliere uno negli esempi precedenti });

Quelli sono esempi. In pratica, devi selezionare le foto e applicargli .lightbox().
Come ho detto sopra, ad esempio applichi una classe al tag <a> di cui vuoi applicargli lo script, poi per applicare lo script dovresti fare:

Codice:

$('.nomeclasse').lightbox();

...anche se comunque non son sicuro che funzioni: non l'ho provato.

Ciao!
27-01-2012, 20.18.13
lc12net

Citazione:

Originalmente inviato da alemoppo

Ho dato un'occhiata.

Codice HTML:

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />

I 3 file non esistono (non sono raggiungibili), quindi non può funzionare.
Inoltre:

Codice:

$ (Function () { / / Utilizzare questo esempio, o ... $ ('A [@ rel *= lightbox]') lightbox ();. / / Seleziona tutti i link che contiene lightbox l'attributo rel / / Questo, o ... LightBox $ ('# a galleria') ();. / / Seleziona tutti i link in oggetto con galleria ID / / Questo, o ... LightBox $ ('a.lightbox') ();. / / Seleziona tutti i link con classe lightbox / / Questo, o ... . $ ('A') lightbox (); / / Seleziona tutti i link nella pagina / / ... Le possibilità sono molte. Usa la tua creatività o scegliere uno negli esempi precedenti });

Quelli sono esempi. In pratica, devi selezionare le foto e applicargli .lightbox().
Come ho detto sopra, ad esempio applichi una classe al tag <a> di cui vuoi applicargli lo script, poi per applicare lo script dovresti fare:

Codice:

$('.nomeclasse').lightbox();

...anche se comunque non son sicuro che funzioni: non l'ho provato.

Ciao!

Ma quindi devo lavorare sempre nell'html della pagina e dare i collegamenti alle immagini che carico?

Ma come

Citazione:

I 3 file non esistono (non sono raggiungibili), quindi non può funzionare.

io li vedo da FTP

Grazie!
27-01-2012, 20.22.54
alemoppo

Citazione:

Ma quindi devo lavorare sempre nell'html della pagina e dare i collegamenti alle immagini che carico?

Puoi anche selezionare tutti i tag <a> con:

Codice:

$ ('a').lightbox ();

Ovviamente li applicherà a TUTTI i link della pagina.. e non so ai normali link cosa succede (bisognerebbe provare).

Comunque, nello script ci sono gli esempi.

Citazione:

io li vedo da FTP

Secondo quello script, i file "jquery.js" e "jquery.lightbox-0.4.js" devono trovarsi dentro la cartella "js", mentre il file "jquery.lightbox-0.4.css" dentro la cartella "css".
Puoi anche tenerli nella radice (fuori da ogni cartella), però devi modificare i percorsi di inclusione...

Ciao!