Slideshow responsive nell'intestazione di un sito web monopagina
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
... posta un link di esempio per riferimento...
... oppure vedi qui: https://helpcenter.websitex5.com/post/125359
.
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
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ù
oppure basta inserire i codici solo in proprietà pagina dove vuoi che si veda, e le altre le lasci normali con intestazione visibile...
... se possibile, sarei curioso di vedere il risultato che si è ottenuto, apunto per vedere e capire come si comporta questo sfondo responsive...
.
ciao
magari questo
http://templatex5.altervista.org/builder/index.html
Autor
Ciao Silver , ho pubblicato proprio poco fa una domanda proprio su quel template.
Ho pubblicato qui: https://helpcenter.websitex5.com/post/125468
Tuttavia volevo chiederti, la slide nell'intestazione l'hai fatta con wowslider?
... direi ottimo, anche se è appunto responsive, cioè scrolla la pagina, e grazie...
.
dai un'occhiata al blog "quelli del cucuzzolo"
Autor
a proposito di questo template sarebbe bello capire come creare l'effetto della gru presente nel template di Silver