Banner rotatorio y resolución de pantalla

[humusjey]

Hola a todos!

Tengo este código en mi cabecera:

Código HTML:

<div id="banner">
    <img class="rotator" src="banner/rotador.php" alt=""/>
</div>
 

Aquí el código de rotador.php para obtener un banner rotatorio, cada que la página se actualiza la imagen cambia:

Código PHP:

  <?php 
 
$folder = 'images/'; 
$exts = 'jpg jpeg png gif'; 
$files = array(); $i = -1; 
 
if ('' == $folder) $folder = './'; 
 
$handle = opendir($folder); 
$exts = explode(' ', $exts); 
while (false !== ($file = readdir($handle))) { 
foreach($exts as $ext) { 
if (preg_match('/\.'.$ext.'$/i', $file, $test)) { 
$files[] = $file; 
++$i; 
} 
} 
} 
closedir($handle); 
mt_srand((double)microtime()*1000000); 
$rand = mt_rand(0, $i); 
 
header('Location: '.$folder.$files[$rand]); 
?>   

Tengo este otro código para determinar la resolución de la pantalla:

Código Javascript:

$(document).ready(function() {
 
if ((screen.width>=1440) && (screen.height>=900)) {
alert('Resolución de pantalla de: 1440x900 o más');
$("link[rel=stylesheet]:not(:first)").attr({href : "1440.css"});
}
else  {
alert('Resolución de pantalla: menor de 1440x900');
$("link[rel=stylesheet]:not(:first)").attr({href : "1440m.css"});
}
});
 

Sé que no es foro de javascript pero requiero mezclar los dos lenguajes para lograr lo siguiente.

En el primer código (PHP) indico que las imagenes del banner se tomarán de cierto directorio: $folder = 'images/';
Lo que quiero lograr es que dependiendo de la resolución de pantalla el directorio cambie para que las imágenes se adapten a la cabecera.

Puede ser esto posible? Espero puedan ayudarme o guiarme.


Por cierto, sé que hay otras opciones como @media para CSS pero no estoy mostrando una sola imágen, son como 20 entonces necesito alternativas.


Muchas gracias por su ayuda.