Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 23 Ottobre, 2014, 16:12:19

Titolo: [v11] Costruire miniature per l'Oggetto Galleria - SlideShow Classico
Inserito da: lemonsong - 23 Ottobre, 2014, 16:12:19
In questo esempio abbiamo provato ad utilizzare l'Oggetto Immagine come alternativa alle miniature generate dal programma:

http://lemonsong.altervista.org/test_gallery_thumbs/ (http://lemonsong.altervista.org/test_gallery_thumbs/)

Per l'immagine ingrandita abbiamo utilizzato l'Oggetto Galleria - SlideShow Classico, con queste impostazioni:

[attach=1]

Le quattro miniature sono 4 oggetti immagine.

Per sincronizzare le miniature con la relativa immagine ingrandita dello SlideSlow, ad ogni miniatura è stato inserito un collegamento File o URL - File su Internet:

Citazione
javascript:mioSlider(numero);


Il valore in rosso (parametro passato alla funzione mioSlider), corrisponde all'ordine delle immagini presenti nello SlideShow:

Esempio prima miniatura:

[attach=2]

Inserire questo codice CSS in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD:

Citazione
<style>
/* visualizza sempre la descrizione */
#imObjectGallery_2_description {
    display: block !important;
}
/* nasconde indicatori di posizione */
#imObjectGallery_2 div[data-num] {
    display:none !important;
}
</style>



Sempre in  Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD, incollare anche lo script contenuto nel seguente file .txt:

[attachurl=4]

Il valore in rosso (numero 2 presente anche nel file .txt) è da personalizzare con il numero contenuto nell'id dell'Oggetto Galleria, individuabile ad esempio con "Ispeziona codice" nell'anteprima di WS:

[attach=3]


Testato con la versione 11.0.1.12

Provato anche con Samsung Tab 3, Nokia Windows Phone 8.1 e iPhone