VitaV | Дата: Пятница, 20.07.2012, 11:12 | Сообщение # 1 | ||||||
|
HTML примерa ДЕМО Code <script type="text/javascript"> var confTimeDelay=1;function srceSq(img,iters){var i=iters;function UpImg(){if(i<=0) return 0;img.width+=5*i;window.setTimeout(UpImg,confTimeDelay);i--;} UpImg();}function srcesQ(img,iters){var i=iters;function DownImg(){if(i<=0)return 0;img.width-=5*i;window.setTimeout(DownImg, confTimeDelay);i--;}DownImg();} </script> <img alt="" onmouseover="srceSq(this,10.36)" onmouseout="srcesQ(this,10.1)" width="150px;" src="http://runettex.clan.su/FPD/FPAptic.jpg"> В данном примере настраивается только коэфицент увеличения / уменьшения изображения . Данное значение находится непосредственно в HTML строке изображения, значения коэфицента могут быть как целыми числами так и дробными ( (this,10.36) и (this,10.1) ). Точное значение коэфициэнта уменьшения изображения подбирается опытным путём, при многократном повторении процесса увеличения / уменьшения изображения его размер не должен отличаться от изначального . Исходный рамер изображения с которым изображение будет отображться изначально по умолчанию, прописывается тегом width="150px;" а не стилем длинны изображения ! На одной странице может быть несколько изображений обрабатываемых скриптом увеличения / уменьшения изображения. Даже с индивидуальными коэфицентами, отличными от значений прописанных у других изображений, при этом непосредственно Javascript должен быть один на все изображения. runettex.clan.su ![]() |
||||||