Sono riuscito a farlo...ma ho usato delle librerie di microsoft quindi funziona solo con IE nessuno sa come adattare il codice perche funzioni anche con altri browser???


ecco il codice che uso


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>rotateimages.html</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body>




<div id="mydiv" style="height:650px; width:650px;text-align:center;font-weight:bold">
[img]foto1.jpg[/img]

Pet Green Cheek Amazon Parrot
</div>



<!--[if IE]>
<button onclick="mydiv.style.filter='progidXImageTransform.Microsoft.BasicImage(mirror=0)'">m irror=0, default image</button>


<button onclick="mydiv.style.filter='progidXImageTransform.Microsoft.BasicImage(mirror=1)'">m irror=1, flip div</button>


<button onclick="mydiv.style.filter='progidXImageTransform.Microsoft.BasicImage(rotation=0)'" >rotation=0, no rotation</button>


<button onclick="mydiv.style.filter='progidXImageTransform.Microsoft.BasicImage(rotation=1)'" >rotation=1, rotate div 90 degrees</button>


<button onclick="mydiv.style.filter='progidXImageTransform.Microsoft.BasicImage(rotation=2)'" >rotation=2, rotate div 180 degrees</button>


<button onclick="mydiv.style.filter='progidXImageTransform.Microsoft.BasicImage(rotation=3)'" >rotation=3, rotate div 270 degrees</button>


<button onclick="mydiv.style.filter=''">Clear Filter</button>

<![endif]-->

</body>
</html>