[Nickolay]

1) Существует ли скрипт, позволяющий имитировать увеличительное стекло при работе с изображениями на странице. Так чтобы, когда водишь курсором, участок картинки под ним становился крупнее, словно ты смотришь в увеличительное стекло?

2)Не подскажете ли также, как реализована технология постепенного увеличения картинки на http://www.artmajeur.com/?go=artwork...&disp_m=normal
Я с помощью GoLive нашел в коде тот скрипт, который отвечает за увеличение (zoomfactor)
вот он

<script language="JavaScript1.2">
var zoomfactor=0.05 //Enter factor (0.05=5%)
function zoomhelper(){
if (parseInt(whatcache.style.width)>10&&parseInt(what cache.style.height)>10){
whatcache.style.width=parseInt(whatcache.style.wid th)+parseInt(whatcache.style.width)*zoomfactor*pre fix
whatcache.style.height=parseInt(whatcache.style.he ight)+parseInt(whatcache.style.height)*zoomfactor* prefix
}
}
function zoom(originalW, originalH, what, state){
if (!document.all&&!document.getElementById)
return
whatcache=eval("document.images."+what)
prefix=(state=="in")? 1 : -1
if (whatcache.style.width==""||state=="restore"){
whatcache.style.width=originalW
whatcache.style.height=originalH
if (state=="restore")
return
}
else{
zoomhelper()
}
beginzoom=setInterval("zoomhelper()",100)
}

function clearzoom(){
if (window.beginzoom)
clearInterval(beginzoom)
}
</script>


но скрипт сам по себе не работает, видимо требуется сохранить картинку в промежуточных состояниях либо что-то еще.

Заранее спасибо

[seka]

Изменение размера картинки - это элементарно, если закрыть глаза на то, что она будет корёжится немного. Просто по событию onMouseOver а кнопочке вызываешь функцию, которая увеливает параметр width у тега <img>, а потом вызывает сама себя через setTimeout с небольшой задержкой.

Это всё несложно, если вы немного шарите в JS. Иначе ищите готовое, либо убейте пару недель на изучения основ языка.

Насчёт линзы.... может я заблуждаюсь, на на JS на обычной хтмл-страничке это невозможно. Т.е. принцип примерно такой: за мышкой по странице бегает абсолютно позиционированный div, анализирует изображение, которое он покрывает и увеличивает его. Но вот только, по-моему, JS не умеет работать с графикой, т.е. проанализировать и потом вывести увеличенное невозможно (сама программа увеличения - это дело алгоритма). Так что выхода два: либо искать (писать самому) active-x компонент, который, находясь внутри того самомого дива, сможет выполнить необходимые операции, либо забить. И ещё я бы посоветовал подумать, нахер оно вообще надо: линза н сайте????

[sl_play]

обвести мышью участок на фото и он должен стать больше масштабоб. такое может сделать флеш, за жаваскрипт не уверен.
Лупа кстати очень часто встречается во флеше,с ам не раз встречал подобные мувики.

[Nickolay]

Спасибо.
2 SEka:

нахер оно вообще надо: линза н сайте????

Это дизайнерский сайт одного художника, арт-проект, как говорится, эстетизм, так сказать...

[Leek]

Nickolay, скрипты-то есть. И на JS это реализуемо. Ищите Яндексом или Гуглом. Только вот… Увеличение растра — это неминуемые потери, и так ли это необходимо, чтобы мириться с получаемой лажей?

[Nickolay]

неужели нельзя сделать без потерь? А если сохранить два различных разрешения? Чтобы в линзе было видно изображение другого, более высокого разрешения, я не растянутая версия нормального?