de hecho, ninguno de los anteriores (incluyendo el que te mostre)
lo mejor es hacer un php que haga creer al servidor que es una imagen para que solo tengas que cambiar una linea en tu css para que tengas el header diferente
el qeu yo uso es algo asi
Código :
<?
$font="./h.TTF";
/* So */
$dir="./"; //t
$types=array('jpg'=>'jpeg','jpeg'=>'jpeg','pjpeg'=>'jpeg','png'=>'png','gif'=>'gif');
$dh=opendir($dir);
while($data=readdir($dh)){
if($data=='..' || $data=='.' || is_dir($dir.$data))
continue;
$temp_ext=explode('.',strrev($data),2);
$temp_ext=strrev($temp_ext[0]);
if($types[$temp_ext] || $_GET['debug'])
$sigs[]=$data;
}
mt_srand((double)microtime()*10000000);
$i=mt_rand(0,(count($sigs)-1));
$sig=$dir.$sigs[$i];
$ext=explode('.',strrev($sig),2);
$ext=strrev($ext[0]);
$type=$types[$ext];
if(!$type){
header('content-type: image/jpeg');
$im=imagecreate(500,100);
$white=imagecolorallocate($im,255,255,255);
$black=imagecolorallocate($im,0,0,0);
imagefill($im,0,0,$white);
imagettftext($im,13,0,0,10,$black,$dir.$font,'Extensión del archivo inaceptable'.$ext);
imagejpeg($im,'',100);
imagedestroy($im);
}else{
header("Content-Type: image/{$type}");
readfile($sig);
}
?>
eso en un archivo llamado imagen.php
y junto a el (en su misma carpeta) todas las imagenes que quieras rotar
este revisara el tipo de archivo y lo mostrara como debe
tus codigos estan "raros"
el javascript hace algo inutil y el php debe estar especificamente en un lugar y borrar parte de tu tema
asi que supongo que el ejemplo que te di te funcionara bien