Girar Imagenes

gsmmixer · #1 (**permalink**) 11/09/2006, 15:18

Como puedo girar imagenes usando javascript , es decir ofrecer a los usuarios que acceden a una galeria la posibilidad de girar las imagenes usando javascripto similar , saludos

caricatos · #2 (**permalink**) 11/09/2006, 18:16

Hola:

Con javascript solamente no es posible, pero con otro lenguaje del servidor se podría hacer algo (al menos con php + las librerías GD sé que se puede)

Saludos

Fabu_dina · #3 (**permalink**) 11/09/2006, 20:45

yo logre hace tiempo haciendo esto espero te sirva

<SCRIPT>
var bTranState = 0;
function fnToggle() {
oDIV2.filters[0].Apply();
if (bTranState) {
bTranState = 0;
oDIV2.style.visibility="hidden"; }
else {
bTranState = 1;
oDIV2.style.visibility="visible"; }
oDIV2.filters[0].Play();
}

function copy2Clipboard()
{
// Copy displayed code to user's clipboard.
textRange = document.body.createTextRange();
textRange.moveToElementText(oCode);
textRange.execCommand("Copy");
}

function grayScale(){
if (chkgrayscale.checked='true'){
filterDIV.filters.item(1).grayscale='1';}
else {
filterDIV.filters.item(1).grayscale='0';
chkgrayscale.checked='false'}
}

</SCRIPT>

<body>

<DIV STYLE="position:absolute; top:319px; left:104px; width:121px; visibility: hidden;">  <B>Rotation:</B>
<SELECT onChange="oRotation.innerText=this.options[this.selectedIndex].value; filterDIV.filters.item(1).rotation=this.options[this.selectedIndex].value">
<OPTION VALUE="0">0</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
</SELECT>
</DIV>

<table width="320" height="200" cellpadding="5" background="../img/mac/marco_foto.gif">
<tr>
<td align="center" valign="middle"><div id="filterDIV" style="position:absolute; top:30px; left:80px; width:171px; height: 110px; padding:5px; font-size:15pt; border:0px solid white; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='white',endColorstr='white'), progid:DXImageTransform.Microsoft.BasicImage(Rotat ion=0,Mirror=0,Invert=0,XRay=0,Grayscale=0,Opacity =1.00,Mask=0), ; color:white; text-align:center; font-weight:bold "><img src="<%=Session("fotos")%><%=rsProdInfo("NUMERO_AR T") %>.jpg" width="137" height="90" style="position:absolute; top:2px; left:4px; width: 167px; height: 108px;" /></div></td>
</tr>
</table>
<div style="position:absolute; top:210px; left:75px; width:183px">Rotación<b>:</b>
<select name="select" onChange="oRotation.innerText=this.options[this.selectedIndex].value; filterDIV.filters.item(1).rotation=this.options[this.selectedIndex].value">
<option value="0">0º</option>
<option value="1">90º</option>
<option value="2">180º</option>
<option value="3">270º</option>
</select>
  <b>Flit:</b>
<select name="select2" onChange="oMirror.innerText=this.options[this.selectedIndex].value; filterDIV.filters.item(1).mirror=this.options[this.selectedIndex].value">
<option value="0">0</option>
<option value="1">1</option>
</select>
</div>