Slider di sezioni

Slider sezioni

Utilizzando lo script Slider sezioni è possibile realizzare, nella homepage dei vostri forum, dei gruppi di sezioni visualizzabili una alla volta, a "scorrimento": sarà visualizzabile una sola sezione alla volta, e potrete far scorrere (e quindi visualizzare) le varie sezioni contenute nello slider utilizzando due appositi pulsanti presenti in una barra sottostante allo slider in cui è anche presente la lista delle sezioni contenute nello slider. Clicando su uno dei link della lista verrà visualizzata la sezione corrispondente; opzionalmente è anche possibile uno scorrimento automatico delle sezioni, che consente di visualizzarle a rotazione.

Lo script può essere utilizzato per inserire più di uno slider, il numero massimo di sezioni inseribili in un singolo slider è di 10, e le sezioni inserite in uno slider devono essere consecutive nella gestione sezioni.




Lo script (qui un esempio per un solo slider di 5 sezioni)

va inserito in Amministrazione → Grafica → Codice HTML, nel box "Codice HTML che sarà mostrato in Fondo a tutte le pagine" e consiste di due parti; questa parte

è una javascript con sorgente esterna, e non va modificato. La parte da personalizzare è questa:

I parametri su cui intervenire sono

• nbSecSwitch:
  
  nbSecSwitch : [{sez:["ID_SEZ1", "ID_SEZ2", "ID_SEZ3", "ID_SEZ4", "ID_SEZ5"], nbSecFirst: "ID_SEZ1", nbSecTime: 5000}],
  Questa è la parte più importante, quella che sceglie le sezioni che verranno contenute nello slide:
  
  
  
  • Al parametro sez, al posto di ID_SEZ1, ID_SEZ2, eccetra inserirete i numeri ID delle sezioni (ID sezione).
  • Nel parametro nbSecFirst inserirete il numero ID della sezione che deve essere visualizzata di default, cioè quando lo slide non scorre (non è necessario che sia la prima sezione dello slide).
  • nbSecTime è il parametro opzionale per lo scorrimento automatico delle sezioni (il tempo è espresso in millisecondi, con un valore di 5000 ogni sezione sarà visibile per 5 secondi), se non è presente lo scorrimento sarà solo manuale.



• nbArrBack inserisce l'immagine per lo scorrimento manuale indietro.


• nbArrNext inserisce l'immagine per lo scorrimento manuale in avanti.

La terza parte, da inserire nel pannello Colori e stili, serve a nascondere le sezioni contenute nello slider durante il caricamento della pagina che contiene le sezioni (lo script funziona solo quando il caricamento della pagina è completo). Utilizzando sempre quell'esempio, in Colori e stili inserirete una riga di codice di questo genere:

al posto dei vari ID_SEZ inserirete i numeri ID delle sezioni dello slider, esclusa quella che avete scelto come nbSecFirst (che quindi sarà visibile durante il caricamento della pagina).

È possibile inserire più slider: occorre intervenire su nbSecSwitch, in quel parametro la parte che corrisponde allo slider è quella fra le parentesi graffe:

quindi dovrete inserirne una per ogni slider, separandole con virgole, qui un esempio con tre slider:

Ogni stringa funziona (separatamente) come è stato spiegato per l'esempio precedente (quindi le sezioni di ogni stringa devono essere consecutive), e per ogni slider sceglierete la sezione che deve apparire per prima, e ad ogni slider può essere impostato un tempo differente, per lo scorrimento automatico, quindi in Colori e stili nasconderete tutte le sezioni, tranne quelle che avrete scelto come nbSecFirst.




Edited by A c e - 8/1/2015, 10:40