Differenziare le immagini da versione desk a mobile 
Autore: Alberto I.
Visite 1625,
Followers 2,
Condiviso 0
Buongiorno a tutti.
Vorrei chiedere una cosa se possibile. In sintesi sulla versione desktop del sito ho inserito uno slide con certe dimensioni e tutto va benissimo. Quando pero' uso un dispositivo mobile questo slide non mi piace nelle dimensioni quindi vorrei non solo toglierlo, che so come fare, ma sostituirlo ad una foto statica. La domanda e' quindi:
<< posso nella versione desktop far vedere una certa immagine (o slide che sia) e poi nella versione mobile far vedere un altra cosa ? >>
Grazie mille.
Alberto
Postato il
... secondo me, o se esperto di codici e provvedi di conseguenza, ed è possibile, ...oppure e meglio e semplice, agire in modo tradizionale, realizzando i due siti separati, Desktop/Mobile...
.
Autore
ok per la seconda idea, ci sta. ma... come dire... come faccio poi a differenziare i siti ? cioe' in base a cosa se usero' uno smartphone usera la versione mobile e viceversa ?
Autore
credo di aver trovato un vecchio post dove spiegavi di farlo con un codice java.... grazie ;)
Autore
<script language="javascript">
<!--
var larghezza = window.screen.width;
if (larghezza <= 800) {
location.href = "paginaMinore800.htm";}
else {
location.href = "paginaNormale.htm"; }
//-->
</script>
non capisco solo dove va messo con esattezza....
con quel codice, non vai da un sito all'altro, ma da una pagina all'altra...
Autore
ah :D eh sono agli inizi.... il fatto e' che appunto vorrei, in base alla risoluzione da me scelta, si aprisse o il sito A o il sito B....
Non lo ho mai provato questo....ma basta che lo provi, mettendolo al passo 4 in impostazioni avanzate/prima della chiusura del tag head.....metti l'indirizzo del sito intero che vuoi si venga indirizzati, al posto della pagina html....
... come anticipato da Mirko...
... io non posso provare, ma il mio codice, basato sulla risoluzione dello schermo, quindi non relativo al dispositivo mobile "proprio", dovrebbe funzionare dirottando sul sito dedicato, come da esempi, che chi può, può provare con quei cosini:
... pagina di controllo: http://www.zspace.it/kolasim/website/def000/index.html
... pagina piccola sotto (480px): http://www.zspace.it/kolasim/website/def480/index.html
... pagina media (480-1280): http://www.zspace.it/kolasim/website/def854/index.html
... pagina grande (oltre 1280): http://www.zspace.it/kolasim/website/def999/index.html
.
... in più ho gli esempi sul mobile:
http://www.zspace.it/kolasim/mobile/redirectMobile1.html
http://www.zspace.it/kolasim/mobile/redirectMobile2.html
http://www.zspace.it/kolasim/mobile/script_redirect_mobile.html
...
.
ciao
Autore
si direi che funziona :)