WOWSlider con WebSite X5 Evo

[boyot]

Non ho capito come farlo funzionare visto che dopo aver inserito codici e cartelle nella cartella del sito su Disco e avviato index.html mi ritrovo con l'header sotto le slide.

Ho guardato anche il tutorial http://giancafoto.altervista.org/wowslider-v13/ e ho fatto vari tentativi ma non ho capito cosa fa al caso mio infatti o mi nasconde l'header sotto le slide e mi ritrovo con 2 slide.

Cosa devo scrivere nel SEO?

L'header del sito è 1300x80 e le slide non devono essere full screen (le foto sono 1300x586).

Però vorrei avere le slide a full screen in una seconda pagina del sito ma non so come fare.

Questi i codici:

PRIMA DELLA CHIUSURA DEL TAG HEAD
   
<!-- 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 -->


DOPO L'APERTURA DEL TAG BODY

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
        <li><img src="data1/images/foto_1.jpg" alt="Foto 1" title="Foto 1" id="wows1_0"/></li>
        <li><img src="data1/images/foto_2.jpg" alt="Foto 2" title="Foto 2" id="wows1_1"/></li>
        <li><a href="http://wowslider.com"><img src="data1/images/foto_3.jpg" alt="http://wowslider.com/" title="Foto 3" id="wows1_2"/></a></li>
        <li><img src="data1/images/foto_4.jpg" alt="Foto 4" title="Foto 4" id="wows1_3"/></li>
    </ul></div>
    <div class="ws_bullets"><div>
        <a href="#" title="Foto 1"><span>1</span></a>
        <a href="#" title="Foto 2"><span>2</span></a>
        <a href="#" title="Foto 3"><span>3</span></a>
        <a href="#" title="Foto 4"><span>4</span></a>
    </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">wowslider</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>
<!-- End WOWSlider.com BODY section -->

PS: non ho capito perchè per la foto 3 la riga di codice è diversa da quella delle altre foto

[lemonsong]

L'integrazione è semplice, difficile è capire il tuo problema senza vedere un esempio online.
Se vuoi, posta un link alla tua prova online.

PS: non ho capito perchè per la foto 3 la riga di codice è diversa da quella delle altre foto

Nella terza foto c'è semplicemente un link sull'immagine.

[boyot]

Grazie Lemonsong.

Il sito l'ho fatto per provare WOWSlider, 2 pagine solo, l'ho messo qui adesso: http://trialwebsite.altervista.org/

Ho rifatto tutto con WOWSlider e ho provato a cambiare le foto (1024x768 px): per la 3 non capisco perchè metta sempre un link visto che le carico tutte dalla stessa cartella...

Come sempre Header (1300x80 px) sotto  le slide e così non mi va, i codici che ho messo adesso sono:

PRIMA DELLA CHIUSURA DEL TAG HEAD
<!-- 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 -->


DOPO L'APERTURA DEL TAG BODY
<!-- Start WOWSlider.com BODY section --><div id="wowslider-container1">

<div class="ws_images"><ul>

        <li><img src="data1/images/foto_1.jpg" alt="Foto 1" title="Foto 1" id="wows1_0"/></li>

        <li><img src="data1/images/foto_2.jpg" alt="Foto 2" title="Foto 2" id="wows1_1"/></li>

        <li><a href="http://wowslider.com/vi"><img src="data1/images/foto_3.jpg" alt="image slider" title="Foto 3" id="wows1_2"/></a></li>

        <li><img src="data1/images/foto_4.jpg" alt="Foto 4" title="Foto 4" id="wows1_3"/></li>

    </ul></div>

    <div class="ws_bullets"><div>

        <a href="#" title="Foto 1"><span><img src="data1/tooltips/foto_1.jpg" alt="Foto 1"/>1</span></a>

        <a href="#" title="Foto 2"><span><img src="data1/tooltips/foto_2.jpg" alt="Foto 2"/>2</span></a>

        <a href="#" title="Foto 3"><span><img src="data1/tooltips/foto_3.jpg" alt="Foto 3"/>3</span></a>

        <a href="#" title="Foto 4"><span><img src="data1/tooltips/foto_4.jpg" alt="Foto 4"/>4</span></a>

    </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">bootstrap slider</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>

<!-- End WOWSlider.com BODY section -->

[lemonsong]

Prima di tutto rimuovi il richiamo alla libreria jQuery nel codice che va in HEAD, WSX5 la carica già.

L'header del sito è 1300x80 e le slide non devono essere full screen (le foto sono 1300x586).

Se in una pagina non deve essere full width, è sufficiente inserire il codice che va nel BODY in un Oggetto Codice HTML con altezza 0 (zero).

Però vorrei avere le slide a full screen in una seconda pagina del sito ma non so come fare.

Per averla full width senza troppi sforzi, lascia i codici dove li hai inseriti (rimuovendo il richiamo alla libreria jQuery).
Non ricordo di aver mai usato/installato WOW Slider prima di adesso (ti ricordo che è free solo per usi NON commerciali) ma con un semplice script può essere spostata nel content di WSX513, qui un esempio:

http://quellidelcucuzzolo.altervista.org/appunti/ws-wowslider/


Nella pagina è scritto tutto chiaramente ma riporto anche qui lo script e CSS extra ai codici di WOW Slider (da inserire in HEAD):

Codice:

Only registered users can see contents. Please click here to Register or Login.
Le personalizzazioni potrebbero riguardare il selettore #wowslider-container1 ed il valore di z-index.

[boyot]

Grazie!

[boyot]

Non ricordo di aver mai usato/installato WOW Slider prima di adesso (ti ricordo che è free solo per usi NON commerciali) ma con un semplice script può essere spostata nel content di WSX513, qui un esempio:
http://quellidelcucuzzolo.altervista.org/appunti/ws-wowslider/

Le personalizzazioni potrebbero riguardare il selettore #wowslider-container1 ed il valore di z-index.

Si, lo volevo usare per il sito che ho fatto per una squadra di rugby del tutto gratuitamente.

Non ho capito quale parametro personalizzare nel selettore #wowslider-container1 ed il valore di z-index.

Se volessi le immagini full width?

[lemonsong]

Ho usato il condizionale per le personalizzazioni, se la gallery si posiziona sotto l'intestazione non ti servono.

Devi impostare la slider full width da WOW Slider ed inserire in WSX5 i codici aggiornati.

[boyot]

Grazie!