Autore Topic: [v11] Costruire miniature per l'Oggetto Galleria - SlideShow Classico  (Letto 1209 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
In questo esempio abbiamo provato ad utilizzare l'Oggetto Immagine come alternativa alle miniature generate dal programma:

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

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

[ Guests cannot view attachments ]

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:

  • javascript:mioSlider(0); = prima immagine
  • javascript:mioSlider(1); = seconda immagine
  • etc...
Esempio prima miniatura:

[ Guests cannot view attachments ]

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:

[ Guests cannot view attachments ]

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:

[ Guests cannot view attachments ]


Testato con la versione 11.0.1.12

Provato anche con Samsung Tab 3, Nokia Windows Phone 8.1 e iPhone
« Ultima modifica: 23 Ottobre, 2014, 16:28:31 da lemonsong »