WebSite X5Help Center

 
Lorenzo S.
Lorenzo S.
User

Slideshow responsive nell'intestazione di un sito web monopagina  it

Autor: Lorenzo S.
Visitado 1724, Followers 3, Compartido 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

Publicado en
10 RESPUESTAS
Lorenzo S.
Lorenzo S.
User
Autor

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

Leer más
Publicado en de Lorenzo S.
Lorenzo S.
Lorenzo S.
User
Autor

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ù 

Leer más
Publicado en de 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...

Leer más
Publicado en de Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

.

ciao

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Nino C.
Nino C.
User

dai un'occhiata al blog "quelli del cucuzzolo"

Leer más
Publicado en de Nino C.