как сделать, что бы код1 работал также как код2...в первом все понятно, во втором запутанно. Но второй работает, как надо, а первый не совсем. А конкретно вторая обратная анимация стартует не с конца первой а с нулевой позиции(которая была до старта первой анимации)...Заранее спасибо за помощь новичку
код1:
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet" type="text/css"/>
<script src="jq/jquery-1.11.3.js" type="text/javascript"></script>
</head>
<body>
<div class="item" id="box">
<img src="images/k1.jpg" height="1330" width="991" alt="zz"/>
</div>
<script>
$(document).ready(function(){
$('img').animate({'zoom':0.5,'right':500},{duration:3000}).delay(2000).animate({'zoom':1,'left':500},{duration:3000});
});
</script>
</body>
</html>
код2:
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet" type="text/css"/>
<script src="jq/jquery-1.11.3.js" type="text/javascript"></script>
</head>
<body>
<div class="item" id="box"> <img src="images/k1.jpg" height="1330" width="991" />
</div>
<script>
var move = 500;
zoom = 0.4;
time = 3000;
function Func2()
{
$('img').animate({'zoom':0.7,'right':move/3},{duration:time});
}
function Func1()
{
setTimeout (function(){
Func2()}, 0);
$('img').animate({'zoom':zoom,'left':move},{duration:time});
}
$(document).ready(function(){
Func1();
});
</script>
</body>
</html>