PDA

View Full Version : how can i rotate this?¿?

asouthern0
01-26-2003, 03:06 PM
Is there any way to 180 this image: http://images.flamingtext.com/dividers/gen/700x16/Lightning/divider.gif
Alcy
01-26-2003, 05:00 PM
It would be easier to open it up in a graphics program (even MS Paint) and flip it there.

However you can do a horizontal (fliph) or vertical flip (flipv) in IE:

<img src="IMAGE.GIF" style="filter:flipv;">
Ökii
01-27-2003, 09:06 AM
<html>
<head>
<style>
.Filt{filter:progid:DXImageTransform.Microsoft.Mat rix(sizingMethod='auto expand');}
A:link { text-decoration: none; color:#CF7979; font-weight:bold; font:24pt "Lucida Sans";}
A:visited { text-decoration: none; color:#EEEBC8; font-weight:bold; font:24pt "Lucida Sans";}
A:hover { text-decoration: none; color:#40408A; font-weight:bolder; font:24pt "Lucida Sans";}
</style>
<script>
/*<[CDATA[*/
num = 0; stopa = 0; t=-2;
function spin() {
if (stopa<2) {
num+=t;
r = num * Math.PI/180;
dcos = Math.cos(r); dsin = Math.sin(r);
spins.filters.item(0).M11 = dcos;
spins.filters.item(0).M12 = -dsin;
spins.filters.item(0).M21 = dsin;
spins.filters.item(0).M22 = dcos;
abssin = Math.abs(dsin);
abscos = Math.abs(dcos);
ofset = 350*((abscos+abssin)-1);
spins.style.left = 10 - (ofset);
spins.style.top = 50 - (ofset);
window.status='';
if (num<=0 || num>=180) {stopa = 5; setTimeout('spin()',10)};
setTimeout('spin()',10);
}}
/*]]>*/
</script>
</head>


<body bgcolor="#FFFFFF">
<center><a href="javascript://" onMouseOver="stopa=0;t*=-1;spin()" onMouseOut="stopa=0;t*=-1;spin()" onFocus="this.blur()">Rotate</a></center>
<div style="position:absolute; left:10px; top:50px; width:100px; height:100px" id="spins" class="Filt" align="center">
<table border="0" width="700" height="700">
<tr align="center">
<td align="center"><img src="http://images.flamingtext.com/dividers/gen/700x16/Lightning/divider.gif"></td>
</tr>
</table>
</div>
</body>
</html>

would do it in IE5.5+

As Alcy said though, it would be a lot easier just using a graphics program.