• [Pro] Sincronizzare galleria orizzontale con testo a schede 5 1
Currently:  

Autore Topic: [Pro] Sincronizzare galleria orizzontale con testo a schede  (Letto 2512 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
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/

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:

[ Guests cannot view attachments ]



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


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!


milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1733
    • 3MD
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #1 il: 24 Luglio, 2014, 06:12:30 »
Ecco questa è una cosa veramente utile!!!  grazie a Lemon e Stesil per l'ottimo lavoro..
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #2 il: 24 Luglio, 2014, 14:43:50 »
Prego, ci siamo divertiti molto e stesil ha fatto, come al solito, il grosso del lavoro  :)


mirko72

  • Nuovo arrivato
  • *
  • Post: 3
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #3 il: 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?




mirko72

  • Nuovo arrivato
  • *
  • Post: 3
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #4 il: 25 Luglio, 2014, 09:08:27 »
Ho messo un link non attivo... lo correggo:
http://www.gestionestudio.net/test02.html


Chiedo scusa, non sono pratico del forum

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #5 il: 25 Luglio, 2014, 11:48:53 »
Lo script è stato scritto e testato per la tipologia "Galleria Orizzontale" e "Galleria Verticale"

[ Guests cannot view attachments ]

... 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.

 

mirko72

  • Nuovo arrivato
  • *
  • Post: 3
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #6 il: 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?

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #7 il: 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/

Ovviamente serve per tante altre cose.

Massimo

  • Nuovo arrivato
  • *
  • Post: 18
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #8 il: 11 Novembre, 2014, 11:18:06 »
Esiste un modo per sincronizzare la galleria classica (ossia senza miniature ) con le tab ????

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #9 il: 11 Novembre, 2014, 13:27:32 »
Ti riferisci a "SlideShow Classico"?

Per la Pro 10 o per la Pro 11?


Massimo

  • Nuovo arrivato
  • *
  • Post: 18
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #10 il: 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)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #11 il: 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:

[ Guests cannot view attachments ]

[ Guests cannot view attachments ]


Ovviamente impostando lo stesso tempo di visualizzazione.

Massimo

  • Nuovo arrivato
  • *
  • Post: 18
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #12 il: 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....

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1742
    • lemonsong's links
Re:[Pro] Sincronizzare galleria orizzontale con testo a schede
« Risposta #13 il: 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.