Ciao!; ho fatto questo script per fare in modo che a secondo della larghezza del monitor dell'utente si ridimensiona il contenitore e quindi va a prelevare un determinato sfondo di una determinata grandezza:
Il problema è che lo script lo faccio caricare dopo che ho inserito il contenitore- quindi lo sfondo ci mette molti secondi prima di caricarsi -> come posso fare per velocizzare questo processo?
Codice:
v=screen.width;
ll=document.getElementById('contenitore');
if(v>=1500){
ll.style.cssText="{width:1300px;}"
ll.style.cssText="{background-image:url('img/bg4.jpg')}"
}
if(v<1500 && v>=1400){
ll.style.cssText="{width:1200px;}"
ll.style.cssText="{background-image:url('img/bg3.jpg')}"
}
if(v<1400 && v>=1300){
ll.style.cssText="{width:1100px;}"
ll.style.cssText="{background-image:url('img/bg2.jpg')}"
}
if(v<1300){
ll.style.cssText="{width:1000px;}"
ll.style.cssText="{background-image:url('img/bg1.jpg')}"
}
Il problema è che lo script lo faccio caricare dopo che ho inserito il contenitore- quindi lo sfondo ci mette molti secondi prima di caricarsi -> come posso fare per velocizzare questo processo?