Galleria
Download - Consigliato da html.it
Gallery
Gallery è un oggetto javascript che mette a disposizione dei metodi per l'implementazione di un player di immagini come quello soprastante.
Gallery è basato sul framework jQuery.
All'atto dell'istanziazione devono essergli passati come argomenti l'id del div che si intende utilizzare come display, la classe dei link
alle immagini che si vogliono visualizzare e, nel caso si utilizzino immagini per il preload, la classe assegnata a queste ultime.
Se si usano immagini per il preload, l'oggetto Gallery ne imposta l'attributo "display" del css a "none".
Esempio: var g = new Gallery("idDelDisplay", "classeDeiLink", "classePreload");
Per poter utilizzare il metodo load bisogna posizionare il file fileData.php nella cartella dove ci sono le immagini originali.
Inoltre deve essere avviato il server php, per il funzionamento del file fileData.php.
Il file fileData.php restituisce le informazioni riguardanti le immagini originali.
| Nome metodo / attributo | Descrizione |
|---|---|
| links | Un array che contiene i link della classe fornita al momento dell'istanziazione dell'oggetto |
| imgNumber | Dimensione dell'array links |
| imgIndex | Indice attuale dell'array links |
| showImg |
Utilizzo: showImg(index, fade) Prende come parametri l'indice dell'immagine da mostrare (di tipo intero) e un valore booleano per indicare se si vuol mostrare l'immagine con o senza effetto di fading. Se l'indice passato è nullo, viene utilizzata la variabile "imgIndex" come indice. |
| setIndex |
Utilizzo: setIndex(index) Prende come parametro un intero e setta il valore della variabile index. |
| showNext |
Utilizzo: showNext(fade) Incrementa di uno "imgIndex" e mostra l'immagine. Prende come parametro un valore booleano per indicare se si vuole o no l'effetto fading. |
| showPrev |
Utilizzo: showPrev(fade) Decrementa di uno "imgIndex" e mostra l'immagine. Prende come parametro un valore booleano per indicare se si vuole o no l'effetto fading. |
| start |
Utilizzo: start(obj) Avvia uno slideshow. Il tempo tra un'immagine e quella successiva è di 5 secondi. Deve prendere come parametro l'oggetto stesso che lo richiama. Es: gallery.start(gallery) |
| stop |
Utilizzo: stop() Termina lo slideshow. Non riceve argomenti |
| createStatusBar |
Utilizzo: createStatusBar(content, height) Crea una barra con un effetto slideDown all'interno del div utilizzato come display. Riceve come parametri il contenuto della barra, che deve essere del testo e l'altezza della barra (intero). |
| destroyStatusBar |
Utilizzo: destroyStatusBar() Rimuove la barra con un effetto slideup. |
| load |
Utilizzo: load(path) Ritorna le informazioni riguardanti l'immagine originale. Prende come parametro il percorso del file fileData.php |