Buongiorno a tutti,
volevo chiedervi una mano.
Ho un sito, con un template praticamente quasi completo.
Unico problema ho un immagine che non si adatta ai vari dispositivi.
A questo punto ho optato ad indirizzare ,a seconda della larghezza dello schermo, l'utente alla pagina "giusta".
Ho visto in giro e quello che sembra piu' adatto a me e' il seguente:

codice:
<script type="text/javascript">var screenwidth = screen.width;
if (screenwidth < 400) {
  window.location="http://www.miosito.it/m.index.html"    
}
if (screenwidth < 800) {
  window.location="http://www.miosito.it/t.index.html"    
}else{
  window.location="http://www.miosito.it/index.html"    
}  
</script>
i valori 400 e 800 sono indicativi volevo fare 3/4 pagine a seconda della larghezza, oppure a intervalli meno di 350 tra 351 e 400, tra 401 e 600, da 601 a 800 e da 801 a 1200.
Ma quando inserisco i codici nelle altre pagine, va come in loop e aggiorna sempre.
Dove sbaglio?
grazie mille x le risposte.