Человек искусства
Зарегистрирован: 28 March 2004
Сообщения: 32
Примеры кода: 2
|
RE[2]: Javascript- Dvigat' i Povora4ivat' kartinki |
13 March 2005 05:34 |
|
|
|
|
Двигать несложно - меняешь offsetTop и offsetLeft. А поворачивать - смотри фильтры у IMG. Работает, ессно, только в IE 5.5 и выше
Bol'shoe spasibo.
Kak dvigat' razobralsja.Ideja takaja: Clicknul -> Peredvinul -> Clicknul i zafiksiroval.
Esli komu interesno -vot kod:
<script>
var IE = document.all?true:false;
var isActive=false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else { // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
if (isActive)
{
document.forms[0].Img1.style.pixelLeft= tempX-20;
document.forms[0].Img1.style.pixelTop = tempY-20;
}
return true;
}
function ActivateImage()
{
isActive=!isActive;
if (isActive)
{
document.forms[0].Img1.style.border='inset 10 #bbbbbb';
}
else
{
document.forms[0].Img1.style.border='outset 0 #bbbbbb';
}
return;
}
</script>
...
<form>
<IMG SRC='speeker1.gif' onClick="ActivateImage();" id="Img1" style="position:relative; left:270px;"/>
</form>
No kak zhe vse taki povora4ivat'???
Posmotrel filters v MSDN i ne nashel ni odnogo primera s povora4ivaniem kartinok. Mozhet ja tormozhu...
Mozhet u kogo to est' primer povorota kartinki na 45 ili 90 gradusov?
Many Thanks! dmitryconsulting.com
Don't gain the world and lose your soul
Wisdom is better than silver and gold
|
|