WebSite X5Help Center

 
Donato C.
Donato C.
User

Slider JQuery creato con WOW Slider  it

Author: Donato C.
Visited 3467, Followers 2, Shared 0  

Ciao a tutti,

metto a disposizione un link in cui è possibile trovare una cartella che contiene a sua volta altre due cartelle:

  1. La prima contiene il progetto di website: un sito "A" con una sola pagina in cui vi è specificato dove inserire lo slider (da importare in WebSiteX5);
  2. La seconda i file di un semplice slider JQuery creato con WOW Slider: da implementare nella pagina del sito "A" dove precisato.

Ecco il link contenente tutti i materiali: http://www.mediafire.com/?qyyd2oh9nsbm9h5 (ricordatevi di decomprimere la cartella "PROGETTO")

Qualcuno è in grado di effettuare l'operazione mettendo a disposizione di tutti un chiaro procedimento da seguire? Penso sarebbe utilissimo.

Ciao, grazie a tutti.

Posted on the
11 ANSWERS - 1 CORRECT
#ABCD WebAgency
#ABCD WebAgency
User

questo script:

<!-- Start WOWSlider.com HEAD section --><link rel="stylesheet" type="text/css" href="engine1/style.css" /><style type="text/css">a#vlb{display:none}</style><script type="text/javascript" src="engine1/jquery.js"></script><script type="text/javascript" src="engine1/wowslider.js"></script><!-- End WOWSlider.com HEAD section -->

 lo metti nell'head della pagina (sezione esperto, prima del tag </head>

---

<!-- Start WOWSlider.com BODY section --><div id="wowslider-container1"><div class="ws_images"><span><img src="data1/images/immagini01.jpg" alt="Prima" title="Prima" id="wows0"/></span><span><img src="data1/images/immagini02.jpg" alt="Seconda" title="Seconda" id="wows1"/></span><span><img src="data1/images/immagini03.jpg" alt="Terza" title="Terza" id="wows2"/></span><span><img src="data1/images/immagini04.jpg" alt="Quarta" title="Quarta" id="wows3"/></span></div><div class="ws_bullets"><div><a href="#wows0" title="Prima"><img src="data1/tooltips/immagini01.jpg" alt="Prima"/>1</a><a href="#wows1" title="Seconda"><img src="data1/tooltips/immagini02.jpg" alt="Seconda"/>2</a><a href="#wows2" title="Terza"><img src="data1/tooltips/immagini03.jpg" alt="Terza"/>3</a><a href="#wows3" title="Quarta"><img src="data1/tooltips/immagini04.jpg" alt="Quarta"/>4</a></div></div><a style="display:none" href="http://wowslider.com">HTML Javascript Photo Gallery by WOWSlider.com v2.0</a></div><script type="text/javascript" src="engine1/script.js"></script><!-- End WOWSlider.com BODY section -->

Abbacuccio Daniele

http://www.abbdan.com

Read more
Posted on the from #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Dan AbbaQ
questo script: <!-- Start WOWSlider.com HEAD section --> <link rel="stylesheet" type="text/css" href="engine1/style.css" /> <style type="text/css">a#vlb{display:none}</style> <script type="text/javascript" src="engine1/jquery.js"></script> <script type="text/javascript" src="engine1/wowslider.js"></script> <!-- End WOWSlider.com HEAD section -->  lo metti nell'head della pagina (sezione esperto, prima del tag </head> --- <!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1"> <div class="ws_images"><span><img src="data1/images/immagini01.jpg" alt="Prima" title="Prima" id="wows0"/></span><span><img src="data1/images/immagini02.jpg" alt="Seconda" title="Seconda" id="wows1"/></span><span><img src="data1/images/immagini03.jpg" alt="Terza" title="Terza" id="wows2"/></span><span><img src="data1/images/immagini04.jpg" alt="Quarta" title="Quarta" id="wows3"/></span></div><div class="ws_bullets"><div><a href="#wows0" title="Prima"><img src="data1/tooltips/immagini01.jpg" alt="Prima"/>1</a><a href="#wows1" title="Seconda"><img src="data1/tooltips/immagini02.jpg" alt="Seconda"/>2</a><a href="#wows2" title="Terza"><img src="data1/tooltips/immagini03.jpg" alt="Terza"/>3</a><a href="#wows3" title="Quarta"><img src="data1/tooltips/immagini04.jpg" alt="Quarta"/>4</a></div></div><a style="display:none" href="http://wowslider.com">HTML Javascript Photo Gallery by WOWSlider.com v2.0</a> </div> <script type="text/javascript" src="engine1/script.js"></script> <!-- End WOWSlider.com BODY section --> quest'altro script lo metti nella griglia di websitex5 Abbacuccio Daniele http://www.abbdan.com
Read more
Posted on the from #ABCD WebAgency
Donato C.
Donato C.
User
Author

Ho provato seguendo le indicazioni di Dan AbbaQ però la pagina una volta pubblicata mostra il risultato in allegato.

Temo sia necessaria una guida passo per passo anche per gli utenti che come me non trovano questi passaggi molto immediati.

Grazie, ciao!

Read more
Posted on the from Donato C.
Giuseppe Guida
Giuseppe Guida
User

non avrai caricato online le cartelle data1 e engine1 create da WowSlider e che contengono tutte le immagini e i vari files che fanno funzionare lo slideshow: le devi caricare online nella radice principale del tuo sito.

ciao ciao

Read more
Posted on the from Giuseppe Guida
Donato C.
Donato C.
User
Author

Ciao,

ok! Farò cosi e vedremo se riuscirò a farlo funzionare correttamente.

Grazie a tutti, ciao!

Read more
Posted on the from Donato C.
Donato C.
Donato C.
User
Author

Ciao a tutti,

ho caricato online il sito e la gallery viene visualizzata correttamente. L'unica cosa che non riesco a capire è perchè all'apertura della pagina la gallery sposta verso destra l'immagine 1 e poi riprende a funzionare correttamente.

Ho messo tutto (screenshot del problema, il progetto di website e la cartella pronta per la pubblicazione online del sito) nella cartella in allegato. Potete aiutarmi a risolvere questa cosa? Poi direi che l'implementazione è riuscita correttamente!

A presto, ciao!

Read more
Posted on the from Donato C.
Donato C.
Donato C.
User
Author

Ciao a tutti,

l'aggiornamento Website X5 9.1.0.1908 ha introdotto le gallerie in HTML 5 che in pratica risolvono il problema posto all'inizio di questa discussione consentendo la creazione di gallerie direttamente dal programma.

Direi che comunque è importante risolvere lo stesso il problema perchè dei software esterni consentono una maggiore personalizzazione grafica della galleria.

Ciao a tutti!

Read more
Posted on the from Donato C.
 lemonsong  
 lemonsong  
User
Donato C.
Direi che comunque è importante risolvere lo stesso il problema perchè dei software esterni consentono una maggiore personalizzazione grafica della galleria.

Non c'è nessun problema, si tratta solo di integrarli correttamente o meno.

Per il tuo esempio, controlla che l'allineamento dell'oggetto HTML sia impostato a  sinistra.

Non ho la 9, vado alla cieca.

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

____ questa sera: BURRACO! ____

Read more
Posted on the from  lemonsong  
Mirko Boschetti
Mirko Boschetti
Moderator
 lemonsong  
........................... _______ oltre il 5° step ________ http://www.unofficialwsx5.com ____ questa sera: BURRACO! ____

AZZZZ....Ma tutte le sere sei impegnato???  Laughing

Read more
Posted on the from Mirko Boschetti
 lemonsong  
 lemonsong  
User

Sì, tutte le sere! Tra qualche giorno ci sarà una gara di limbo Laughing

@Donato

Per non spammare inutilmente ti allego/segnalo la dichiarazione (in rosso) da aggiungere al selettore #wowslider-container1 presente nel file engine1/style.css

... nel caso che l'allineamento dell'oggetto HTML non abbia effetto.

Apri il file con, per esempio, Notepad++

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

____ questa sera: BURRACO! ____

Read more
Posted on the from  lemonsong