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