К списку форумов К списку вопросов
Help JavaScript
Zevi
01.04.2004 - 03:43
Есть два скрипта: приближающий;
<script language="JavaScript">
<!-- //
function grpict ( )
{ var d= document
var w= d.mypict.width
if (w <1400)
{ d.mypict.width=w + 10;
d.mypict.src="рисунок.jpg"
setTimeout ("grpict ( )", 100)
}
}
//-->
</script>
</head>
<body bgcolor=000000 text=#ffffff link=#ffffff vlink=#ffffff>
<img src="рисунок.jpg" name=mypict width=700 onMouseOver="grpict( )" border=0 >
и удаляющий (тоже самое с функцией succpict() и короче..;
<script language="JavaScript">
<!-- //
function succpict ( )
{ var d= document
var w= d.mypict.width
if (w < 1400)
{ d.mypict.width=w - 10;
d.mypict.src="рисунок.jpg"
setTimeout ("succpict ( )", 1)
}
}
//-->
</script>
</head>
<body bgcolor=000000>
<img src="рисунок.jpg" name=mypict onMouseOver="succpict ( )">
..верней длиннее получилось..
Вопрос:Как добиться их совокупности, чтоб сначала(при наведении мыши рисунок приближался к зрителю а потом, ушел.. и вновь..?
Zevi
1 - 01.04.2004 - 03:45
Прошу прощенья.. что Мало..
HEOH01
2 - 01.04.2004 - 10:47
попробуй так:
(вставить в HEAD)
<script language="JavaScript1.2">
//Image zoom in/out script- by javascriptkit.com
//Visit JavaScript Kit (http://www.javascriptkit.com) for script
//Credit must stay intact for use
var zoomfactor=0.05 //Enter factor (0.05=5%)
function zoomhelper(){
if (parseInt(whatcache.style.width)>10&&parseInt(whatcache.style.height)>10){
whatcache.style.width=parseInt(whatcache.style.width)+parseInt(whatcache.style.width)*zoomfactor*prefix
whatcache.style.height=parseInt(whatcache.style.height)+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>
(вставить в BODY)
<!-- CHANGE 99 to your image width, 100 to image height, and "myimage" to your image's name-->
<a href="#" onmouseover="zoom(99,100,'myimage','in')" onmouseout="clearzoom()">Zoom In</a> | <a href="#" onmouseover="zoom(99,100,'myimage','restore')">Normal</a> | <a href="#" onmouseover="zoom(120,60,'myimage','out')" onmouseout="clearzoom()">Zoom Out</a>
<div style="position:relative;width:99;height:100"><div style="position:absolute">
<img name="myimage" src="me.gif">
</div></div>
<!-- BEGIN SECOND BLOCK-->
<a href="#" onmouseover="zoom(120,60,'myimage2','in')" onmouseout="clearzoom()">Zoom In</a> | <a href="#" onmouseover="zoom(120,60,'myimage2','restore')">Normal</a> | <a href="#" onmouseover="zoom(120,60,'myimage2','out')" onmouseout="clearzoom()">Zoom Out</a>
<div style="position:relative;width:120;height:60"><div style="position:absolute">
<img name="myimage2" src="you.gif">
</div></div>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://www.javascriptkit.com">JavaScript
Kit</a></font></p>
(в примере точно работает)
Zevi
3 - 02.04.2004 - 01:47
это что прикол, честно говоря думала что никто не..... ответит
Zevi
4 - 02.04.2004 - 01:54
спасибо, ну вообщем ничего но я хотела б немного другого эффекта.. ну ниче поэксперементируем...

К списку вопросов на форуме Веб-дизайн

>>