Форум dkLab и Denwer
Здесь общаются Web-разработчики.
Генеральный спонсор:
Хостинг «Джино»

Эффект Лупа на JavaScript (Весёлый Мишка)
Author Message
Весёлый Мишка
Заглянувший



Joined: 13 May 2009
Posts: 1
Карма: -1
   поощрить/наказать


PostPosted: Wed May 13, 2009 4:01 pm (написано за 3 секунды)
   Post subject: Эффект Лупа на JavaScript
Reply with quote

Очень надо переделать скрипт прямоугольной лупы на круглую лупу.

<html>
<head>
<title>Увеличительное стекло</title>

<script type="text/javascript">

document.onmousemove = handlerMM;

function handlerMM(e)
{
    var dx = 0;
    var dy = 0;
    var fact = 2;
    var opp = 70;

    var x = (e)?e.pageX:event.x;
    var y = (e)?e.pageY:event.y;

    dx = (e)?0:window.document.body.scrollLeft;
    dy = (e)?0:window.document.body.scrollTop;

    var x1 = (x + dx) * fact; // левая край
    var y1 = (y + dy) * fact; // верхний край
    var x2 = 2 * opp + (x + dx) * fact; // правый край
    var y2 = 2 * opp + (y + dy) * fact; // нижний край

    document.getElementById("glass").style.left = (x + dx) * (1 - fact);
    document.getElementById("glass").style.top = (y + dy) * (1 - fact);
    document.getElementById("glass").style.clip = "rect(" +y1 +"px," +x2 +"px," +y2 +"px,"+x1 +"px)";

}

</script>
</head>

<body>
<h5>Увеличительное стекло</h5>
<!-- Картинка-источник -->
<img id="pic" src="Forest Flowers.jpg" galleryimg = "no" width=320 style="position: absolute; top: 40px; left: 10px; border-style: none">

<!-- Лупа -->
<img id="glass" src="Forest Flowers.jpg" width=640 style="position: absolute; top: 40px; left: 10px; clip: rect(10px, 100px, 100px, 10px); border-style: none;">

<!-- для сравнения -->
<img src="Forest Flowers.jpg" width="320" height="240" style="position: absolute; top: 330px; left: 10px; border-style: none;">

</body>
</html>



Кто может помогите, очень надо. Сроки выходят.
Back to top
View user's profile Send private message
Ex_Soft
Участник форума



Joined: 28 Apr 2005
Posts: 138
Карма: -4
   поощрить/наказать


PostPosted: Mon Jun 01, 2009 1:07 pm (спустя 18 дней 21 час 5 минут; написано за 30 секунд)
   Post subject:
Reply with quote

Наткнулсо на продолжение (forum.sources.ru/index.php?showtopic=272243&st=25#) с вариантами решений...
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic All times are GMT + 3 Hours
Page 1 of 1    Email to a Friend.
You cannot post new topics in this forum. You cannot reply to topics in this forum. You cannot edit your posts in this forum. You cannot delete your posts in this forum. You cannot vote in polls in this forum. You cannot attach files in this forum. You can download files in this forum.
XML