WebSite X5Help Center

 
Donato C.
Donato C.
User

Slider JQuery creato con WOW Slider  it

Autore: Donato C.
Visite 3463, Followers 2, Condiviso 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.

Postato il
11 RISPOSTE - 1 CORRETTO
#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

Leggi di più
Postato il da #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
Leggi di più
Postato il da #ABCD WebAgency
Donato C.
Donato C.
User
Autore

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!

Leggi di più
Postato il da 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

Leggi di più
Postato il da Giuseppe Guida
Donato C.
Donato C.
User
Autore

Ciao,

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

Grazie a tutti, ciao!

Leggi di più
Postato il da Donato C.
Donato C.
Donato C.
User
Autore

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!

Leggi di più
Postato il da Donato C.
Donato C.
Donato C.
User
Autore

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!

Leggi di più
Postato il da 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! ____

Leggi di più
Postato il da  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

Leggi di più
Postato il da 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! ____

Leggi di più
Postato il da  lemonsong