WebSite X5Help Center

 
Lorenzo S.
Lorenzo S.
User

Slideshow responsive nell'intestazione di un sito web monopagina  it

Autore: Lorenzo S.
Visite 1548, Followers 3, Condiviso 0  

Ciao a tutti  in questi giorni volevo realizzare un sito web monopagina.

Vorrei mettere nell'intestazione una slideshow che si adattasse alle dimensioni dello schermo.

Qualcuno di voi sa dirmi come posso fare?

Vi ringrazio per l'attenzione

Postato il
10 RISPOSTE
Lorenzo S.
Lorenzo S.
User
Autore

Ciao, ti ringrazio per la risposta.

Tuttavia alla fine ho deciso che opterò per wowslider per creare una slideshow per l' intestazione

Detto questo correggimi se sbaglio:

1)Creo la slideshow con il programma... dimensioni slider: larghezza piena 

e la salvo su una cartella nel pc

2) carico ftp tutte le cartelle sulla root del sito (solo: [engine1, data1,] anche se di per se il programma crea altri tre file: wowslider-iframe.html, wowslider-howto.html, wowslider.html ) 

3) Passo 1 > esperto = prima della chiusura 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 -->

4) Passo 1 modifica del modello > intestazione > inserisco codice html

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/1.jpg" alt="1" title="1" id="wows1_0"/></li>
<li><img src="data1/images/2.jpg" alt="2" title="2" id="wows1_1"/></li>
<li><img src="data1/images/3.jpg" alt="3" title="3" id="wows1_2"/></li>
<li><img src="data1/images/4.jpg" alt="4" title="4" id="wows1_3"/></li>
<li><img src="data1/images/5.jpg" alt="5" title="5" id="wows1_4"/></li>
<li><img src="data1/images/6.jpg" alt="6" title="6" id="wows1_5"/></li>
<li><a href="http://wowslider.net"><img src="data1/images/7.jpg" alt="jquery slideshow" title="7" id="wows1_6"/></a></li>
<li><img src="data1/images/8.jpg" alt="8" title="8" id="wows1_7"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="1"><span><img src="data1/tooltips/1.jpg" alt="1"/>1</span></a>
<a href="#" title="2"><span><img src="data1/tooltips/2.jpg" alt="2"/>2</span></a>
<a href="#" title="3"><span><img src="data1/tooltips/3.jpg" alt="3"/>3</span></a>
<a href="#" title="4"><span><img src="data1/tooltips/4.jpg" alt="4"/>4</span></a>
<a href="#" title="5"><span><img src="data1/tooltips/5.jpg" alt="5"/>5</span></a>
<a href="#" title="6"><span><img src="data1/tooltips/6.jpg" alt="6"/>6</span></a>
<a href="#" title="7"><span><img src="data1/tooltips/7.jpg" alt="7"/>7</span></a>
<a href="#" title="8"><span><img src="data1/tooltips/8.jpg" alt="8"/>8</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.4</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 -->

Dato che parliamo di un sito monopagina il problema non si pone ma se dovessi creare un sito web classico, la slideshow verrebbe applicata in automatico a tutte le pagine? se si, se volessi toglierla dalle altre pagine senza perdere il menù come dovrei fare?

Ti ringrazio

Leggi di più
Postato il da Lorenzo S.
Lorenzo S.
Lorenzo S.
User
Autore

Come non detto, basta che metto:

<style type="text/css">

#imHeader {display: none;}

#imFooter {display: none;}

</style>

Così sparisce la slideshow dalla pagina e mi resta il menù 

Leggi di più
Postato il da Lorenzo S.
Mirko Boschetti
Mirko Boschetti
Moderator

oppure basta inserire i codici solo in proprietà pagina dove vuoi che si veda, e le altre le lasci normali con intestazione visibile...

Leggi di più
Postato il da Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se possibile, sarei curioso di vedere il risultato che si è ottenuto, apunto per vedere e capire come si comporta questo sfondo responsive...

.

ciao

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... direi ottimo, anche se è appunto responsive, cioè scrolla la pagina, e grazie...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Nino C.
Nino C.
User

dai un'occhiata al blog "quelli del cucuzzolo"

Leggi di più
Postato il da Nino C.