Unofficial WebSite X5
Categoria generale => Discussioni generali => Topic aperto da: boyot - 22 Marzo, 2017, 01:43:53
-
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/ (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
-
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.
-
Grazie Lemonsong.
Il sito l'ho fatto per provare WOWSlider, 2 pagine solo, l'ho messo qui adesso: http://trialwebsite.altervista.org/ (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 -->
-
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/ (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):
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.
-
Grazie!
-
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/ (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?
-
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.
-
Grazie!