Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 23 Luglio, 2014, 22:43:13

Titolo: [Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 23 Luglio, 2014, 22:43:13
Leggendo un post su Answers, io e stesil abbiamo provato ad abbinare al click su una miniatura della galleria (orizzontale/verticale) la visualizzazione della relativa scheda di un oggetto testo.

Qui un esempio con la galleria orizzontale: http://lemonsong.altervista.org/test_sync_gall_text/ (http://lemonsong.altervista.org/test_sync_gall_text/)

Dobbiamo inserire un numero di immagini pari al numero di schede dell'oggetto testo: la prima immagine corrisponderà alla prima scheda, la seconda immagine alla seconda scheda e così via.


Questi i punti da seguire:


1. Identificazione degli id

    Occorre identificare l'id della cella dell'oggetto galleria e quello della cella dell'oggetto testo.
    Per questo scopo possiamo utilizzare ad esempio "Ispeziona codice" richiamabile con il tasto destro del mouse dall'anteprima di WS:

[attach=1]



2. Codice in HEAD
    In proprietà della pagina, esperto, prima della chiusura del tag HEAD

Citazione
<script>
var gall = '1'; // numero dell'oggetto galleria orizzontale
var text = '2'; // numero dell'oggetto testo con schede
</script>

<script src="files/sync_gall_text.js"></script>



I numeri in rosso presenti nello script sono rispettivamente il numero contenuto nell'id dell'Oggetto Galleria e dell'Oggetto Testo (vedi punto 1).
Il file js collegato, è scaricabile qui: http://lemonsong.altervista.org/test_sync_gall_text/files/sync_gall_text.js (http://lemonsong.altervista.org/test_sync_gall_text/files/sync_gall_text.js)


3. L'oggetto HTML

  Alleghiamo lo script precedentemente scaricato attraverso la scheda Esperto di un Oggetto HTML e Widgets presente nella pagina.


I test sono stati effettuati con la versione Professional Demo 10.1.10.54


Grazie stesil per l'aiuto!

Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: milux - 24 Luglio, 2014, 06:12:30
Ecco questa è una cosa veramente utile!!!  grazie a Lemon e Stesil per l'ottimo lavoro..
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 24 Luglio, 2014, 14:43:50
Prego, ci siamo divertiti molto e stesil ha fatto, come al solito, il grosso del lavoro  :)

Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: mirko72 - 25 Luglio, 2014, 09:06:56
Per prima cosa mi complimento per l'ottimo risultato ottenuto...
 :D  DAVVERO NOTEVOLE!!!
E ringrazio, per la spiegazione fornita.


Ho provato a ripetere l'esperimento:
http://www.gestionestudio.net/test02.html


La sincronizzazione mi funziona dalla casella di testo alla galleria di immagini, ma NON viceversa.
Qualcuno mi saprebbe dire dove sbaglio?



Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: mirko72 - 25 Luglio, 2014, 09:08:27
Ho messo un link non attivo... lo correggo:
http://www.gestionestudio.net/test02.html (http://www.gestionestudio.net/test02.html)


Chiedo scusa, non sono pratico del forum
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 25 Luglio, 2014, 11:48:53
Lo script è stato scritto e testato per la tipologia "Galleria Orizzontale" e "Galleria Verticale"

[attachimg=1]

... come scritto nel primo post.

Tu hai usato "SlideShow Classico".

Inoltre preciso che, su dispositivi touchscreen, lo script non viene eseguito scorrendo l'immagine ingrandita ed il testo.

 
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: mirko72 - 25 Luglio, 2014, 12:41:58
Grazie mille...


http://www.gestionestudio.net/test02.html


FUNZIONA ALLA GRANDE!!!


PS: mi sai dire se vi è un modo più rapido per "intercettare" gli ID degli oggetti?
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 25 Luglio, 2014, 12:58:13
PS: mi sai dire se vi è un modo più rapido per "intercettare" gli ID degli oggetti?

Un paio di secondi non mi sembrano molti per scovare gli id, comunque puoi provare i vari "strumenti per sviluppatori" integrati nei vari browser e scegliere quello che più ti torna meglio.


 Uso molto Firebug, un componente aggiuntivo per Firefox: https://addons.mozilla.org/it/firefox/addon/firebug/ (https://addons.mozilla.org/it/firefox/addon/firebug/)

Ovviamente serve per tante altre cose.
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: Massimo - 11 Novembre, 2014, 11:18:06
Esiste un modo per sincronizzare la galleria classica (ossia senza miniature ) con le tab ????
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 11 Novembre, 2014, 13:27:32
Ti riferisci a "SlideShow Classico"?

Per la Pro 10 o per la Pro 11?

Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: Massimo - 11 Novembre, 2014, 16:50:04
sì mi riferivo allo SlideShow Classico (ossia una roba del genere "quando cambia l'immagine slideshow, cambia anche la tab sincronizzata")


 ... per la Pro 11 (ma credo sia uguale alla pro 10)
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 14 Novembre, 2014, 17:36:14
"quando cambia l'immagine slideshow, cambia anche la tab sincronizzata"

Se ti accontenti puoi fare tutto da programma, impostando SlideShow e Oggetto Testo in questo modo:

[attach=1]

[attach=2]


Ovviamente impostando lo stesso tempo di visualizzazione.
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: Massimo - 16 Novembre, 2014, 10:32:53
No non va così, nel momento in cui uno dei due venga caricato prima durante il caricamento della èpagina (cosa praticamente certa) il tempo dei due "slideshow" non coinciderebbe più, ci vorrebbe una soluzione in cui testo e immagine girino all'unisono....
Titolo: Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
Inserito da: lemonsong - 16 Novembre, 2014, 13:55:44
E' vero che sono due "flussi" distinti e sicuramente dipende anche dal numero e dal peso delle immagini, ma l'hai provato?

Viste le numerose opzioni (frecce, barra controlli, avvio automatico etc...) presenti nello SlideShow Classico è laborioso trovare un codice che vada bene per tutte le eventuali combinazioni usando solo gli oggetti predefiniti del programma.