Unofficial WebSite X5
Categoria generale => FAQ - HowTo - Tutorials => Topic aperto 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:
javascript:mioSlider(numero);
Il valore in rosso (parametro passato alla funzione mioSlider), corrisponde all'ordine delle immagini presenti nello SlideShow:
- javascript:mioSlider(0); = prima immagine
- javascript:mioSlider(1); = seconda immagine
- etc...
Esempio prima miniatura:
[attach=2]
Inserire questo codice CSS in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD:
<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