Inserire WOWSlider in WSX5 
Auteur : Edoardo N.Dopo avere letto una marea di post non sono ancora riuscito a capire come inserire questo maledetto WOWSlider a piena larghezza 1920x600px. Dopo aver creato lo Slider mi da due file Data1 Engine1 che vanno inseriti in WSx5 ma in che cartella?
Il codice
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
dove va inserito e ache posizione?
Il codice
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/1920x1200.jpg" alt="1920x1200" title="1920x1200" id="wows1_0"/></li>
<li><a href="http://wowslider.com/vi"><img src="data1/images/1920x1200a.jpg" alt="css slider" title="1920x1200A" id="wows1_1"/></a></li>
<li><img src="data1/images/1920x1200b.jpg" alt="1920x1200B" title="1920x1200B" id="wows1_2"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="1920x1200"><span><img src="data1/tooltips/1920x1200.jpg" alt="1920x1200"/>1</span></a>
<a href="#" title="1920x1200A"><span><img src="data1/tooltips/1920x1200a.jpg" alt="1920x1200A"/>2</span></a>
<a href="#" title="1920x1200B"><span><img src="data1/tooltips/1920x1200b.jpg" alt="1920x1200B"/>3</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">http://wowslider.com/ by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
dove va inserito e ache posizione?
Il link del mio sito di prova è:
http://www.provaedo123.altervista.org
Grazie per l'aiuto
io ho fatto un test utilizzando iframe utilizzando la pagina del programma
<iframe src="cgwslider.html" style="width:980px;height:656px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;" marginheight="0" marginwidth="0"></iframe>
la prova è visibile quì:
http://cgwedding.altervista.org/test/
Auteur
Giancarlo,
a parte che io lo voglio a piena larghezza quindi dovrei cambiare "width980px" in 1920 per il resto come inserisco quel codice nel mio sito? mi puoi dettagliare i vari passaggi per favore?
Grazie
edo.. non ho la possibilità di verificare ora... comunque se leggi quì:
https://helpcenter.websitex5.com/post/135566
.....
...dopo aver fatto delle prove, posso suggerirti di semplificare il codice così: (head)
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
(body)
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="files/sunp0001.jpg" alt="SUNP0001" title="SUNP0001" id="wows1_0"/></li>
<li><img src="files/sunp0002.jpg" alt="SUNP0002" title="SUNP0002" id="wows1_1"/></li>
<li><img src="files/sunp0003.jpg" alt="SUNP0003" title="SUNP0003" id="wows1_2"/></li>
<li><img src="files/sunp0005.jpg" alt="cssslider" title="SUNP0005" id="wows1_3"/></a></li>
<li><img src="files/sunp0006.jpg" alt="SUNP0006" title="SUNP0006" id="wows1_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="SUNP0001"><span><img src="files/sunp0001.jpg" alt="SUNP0001"/>1</span></a>
<a href="#" title="SUNP0002"><span><img src="files/sunp0002.jpg" alt="SUNP0002"/>2</span></a>
<a href="#" title="SUNP0003"><span><img src="files/sunp0003.jpg" alt="SUNP0003"/>3</span></a>
<a href="#" title="SUNP0005"><span><img src="files/sunp0005.jpg" alt="SUNP0005"/>4</span></a>
<a href="#" title="SUNP0006"><span><img src="files/sunp0006.jpg" alt="SUNP0006"/>5</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">wowslider.com</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
Procedi così:
apri "proprietà" della pagina dove vuoi che il tuo slider sia visualizzato, e incolla nelle sezioni adeguate il codice;
nella pagina carichi un oggetto html, e nella sezione esperto fai l'upload delle immagini, e dei files "js" e "css" che trovi nella cartella engine1 di wowslider;
ultima accortezza per un corretto funzionamento modifica il percorso delle immagini; (vedi esempio) per larghezza dovrai fare tu esperimenti, intanto avrai fatto il primo passo...
Ciao.
Se jquery.js è la libreria jQuery è consigliabile non inserire quello script, WS la carica già.
A volte può causare problemi averne due.
...credimi, sapevo di essere stato approssimativo, e speravo in qualche intervento chiarificatore. (ma debbo riconoscere che quel pochissimo che comincio ad intravvedere, è grazie a persone come te e tanti altri! thank you!)
..una svista precedente...