WebSite X5Help Center

 
Enrico -
Enrico -
User

Slide Immagini in background con responsive Wow Slider - Amazing Slider  it

Autore: Enrico -
Visite 2898, Followers 5, Condiviso 0  

Ciao a tutti, io ho un sito dove tramite codice ho inserito 3 immagini (slideshow) che ruotano sullo sfondo del sito coprendo la finestra da sx a dx.

Con la v.12 però se attivo la modalità responsive, da cellulare viene mostrato lo slide show da sx a dx dello schermo del cellulare (e quindi tutte e tre le immagini intere) ma il contenuto (testo, immagini, tabelle...) inserite nelle celle di wsx5 sono piccolissime (perchè adattate alla risoluzione dello schermo).

Postato il
3 RISPOSTE - 1 UTILE - 1 CORRETTO
Enrico -
Enrico -
User
Autore

La soluzione è usare programmi gratis (WowSlider) o a pagamento (AmazingSlider) per creare lo slideshow, gli slideshow ottenuti tramite questi programmi sono già ottimizzati per mobile quindi responsive. Per implementare gli slideshow sui vostri siti seguite le faq molto dettagliate che trovate nei singoli siti (wowslider: http://wowslider.com/it/faq.html).

Se desiderate avere lo slideshow in background posizionato in cima alla pagina dovrete fare così:

- create una pagina ad hoc senza contenuto, andare sulle proprieta della pagina ed inserire lì i codici forniti da wowslider/amazingslider [non serve mettere alcun contenuto alla pagina, e vi conviene rimuoverla dalla sitemap e ovviamente non visibile dal menu]

- nelle proprieta della pagina dove volete che appaia lo slideshow inserite (prima della chiusura del Tag Body):

<div ID="sfondofull" style="position:fixed; top:0px; width:100%;height:550px;z-index:-1">
<iframe src="<span>http://INDIRIZZOSITOWEB/slide.html"
width="100%" height="550" ; scrolling="no" frameborder="no" allowtransparency="true"></iframe> </div>

PS. la pagina che ho chiamato slide.html (e che ho inserito nel codice sopra) si riferisce alla pagina in cui avete inserito il codice di wowSlider o amazingSlider

A questo punto avete ottenuto ciò che volete.. tuttavia con il codice appena inserito noterete che lo slideshow rimane fisso e a scorrere è solo la pagina.

Se volete che lo slideshow scorra insieme a tutta la pagina allora basta sostituire sul codice soprastante position:fixed con position:absolute e questo è il risultato:

<div ID="sfondofull" style="position:absolute; top:0px; width:100%;height:550px;z-index:-1">
<iframe src="http://INDIRIZZOSITOWEB/slide.html"
width="100%" height="550" ; scrolling="no" frameborder="no" allowtransparency="true"></iframe> </div>

Spero di essere stato abbastanza chiaro. Grazie a Mirko per il supporto 

Leggi di più
Postato il da Enrico -
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... è la soluzione che ti avrei proposto (div_custom+iframe) se avessi risposto al mio post, risolvendo immediatamente...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Enrico -
Enrico -
User
Autore

Eh vabbeh , stavo già facendo prove con Mirko.. L'importante è che il risultato sia riuscito e che i prossimi utenti riescano a capire e risolvere pure loro.

Leggi di più
Postato il da Enrico -