Javascript-форум (https://javascript.ru/forum/)
-   Firefox/Mozilla (https://javascript.ru/forum/css-html-firefox-mizilla/)
-   -   Не работает вырезание изображения (https://javascript.ru/forum/css-html-firefox-mizilla/2535-ne-rabotaet-vyrezanie-izobrazheniya.html)

andriysoft 12.01.2009 00:39

Не работает вырезание изображения
 
Подскажите пожалуста почему данный код не работает в mozilla firefox

<html>
<head>
<title></title>

<SCRIPT language=JavaScript>

var enlargefactor=5

var largeleft = 500
var largetop = 50
var mglassleft = 395
var mglasstop = 370

var thumbleft = 150
var thumbtop = 50

var mglasswidth = 57
var mglassheight = 80

function mous(){
document.getElementById('thumb').onmousemove = function(e) {
if(!e) e = event;

cliptop = (e.clientY-thumbtop)*enlargefactor-200
clipbottom = cliptop+(mglassheight*enlargefactor)
clipleft = (e.clientX-thumbleft)*enlargefactor-150
clipright = clipleft+(mglasswidth*enlargefactor)

clippoints ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('large').style.pixelTop=largetop-cliptop
document.getElementById('large').style.pixelLeft=largeleft-clipleft
document.getElementById('large').style.clip=clippoints
}
}


</SCRIPT>

<STYLE type=text/css>
#thumb {LEFT: 150px; TOP: 50;POSITION: absolute}
#large {LEFT: -2000px; POSITION: absolute}
</STYLE>


</head>
<body">
<DIV id=thumb><IMG src="galery\dress0.jpg" width=298 height=401 name="thumbpic" onmousemove="mous()"></DIV>
<DIV id=large><IMG src="galery\dress0.jpg" width=1492 height=2005 name=largepic></DIV>
</body>
</html>

Octane 12.01.2009 10:40

Единицы измерения указывать нужно.

Ilya 14.01.2009 11:49

andriysoft,

Свойства позиционирования - pixelTop и pixelLeft не совместимы с firefox и netscape navigator. Вместо них необходимо подстраивать документ под другие свойства позиционирования, такие как left и top.


Часовой пояс GMT +3, время: 04:51.