FX
far@from
как отстановить анимацию
чтобы она при этом именно останавливалась
а не мгновенно переходила в конечную фазу
ответ был поменять опцию engine на
options = {engine: 'javascript'};
по умолчанию если поддерживается броузером
options = {engine: 'css'};
---------
также ты указал что опция transition должна быть
transition: 'easy-in-out'
а не Sin/Cos/Log/Exp
подставляя такой transition получаю ошибку
да и эти Sin/Cos/Log/Exp
я не из головы взял
а из исходников right-src.js
и в этим же исходнике про 'easy-in-out' нет ни слова
прошу еще раз это уточнить.
---------
еще заметил по поводу прерванного FX
если опять возникает собитие заставляющее продолжить эффект
то firefox 8 и opera продолжают его
а ie8 так и висит не реагирует
как его стимулировать
вот пример кода
----------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>тест</title>
<script src="rightjs-all\javascripts\right-src.js"></script>
</head>
<body>
<div id="content" style="background: green; height: 50px;"></div>
<div id="console"></div>
<script>
$(document).onReady(function() {
var option={
duration: 800,
transition: 'Cos', // Sin Cos Log Exp Lin easy-in-out
engine: 'javascript',
};
var cl=function(message){
'#console'.html('#console'.html()+'<br>'+(message+': opacity='+
($('content').getStyle('opacity'))));
};
var timer = function(message) {
cl(message);
$('content').stop();
};
'#content'.on('mouseover', function(e){
e.target.morph({opacity: '0'}, option);
timer.delay(300, '300 ms прошло');
});
});
</script>
</body>
</html>
----------
если здесь transition: 'easy-in-out'
то
params is null
params = [0, params[1]-0, params[2]-...ms[3]-0, params[4]-0]; //
cleaning up
right-src.js (строка 5382)
в ie
opacity останавливается на значении
opacity=0.79
в firefox и opera постепенно уменьшается, если мышку наводишь
Nikolay Nemshilov
far@from
хочу уточнить вторую часть вопроса
- еще раз прилагаю пример с остановкой анимации
в ie он не продолжается
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>тест</title>
<script src="rightjs-all\javascripts\right-src.js"></script>
</head>
<body>
<div id="content" style="background: green; height: 50px;"></div>
<script>
$(document).onReady(function() {
var option={
duration: 800,
transition: 'default', // default linear ease-in ease-out ease-
in-out ease-out-in
engine: 'javascript'
};
var timer = function(message) {
$('content').stop();
$('content').morph({opacity: '0'}, option);
};
$('content').morph({opacity: '0'}, option);
timer.delay(300);
});
</script>
</body>
</html>
Nikolay Nemshilov
far@from
сделал задержку
но результат тот же
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>тест</title>
<script src="rightjs-all\javascripts\right-src.js"></script>
</head>
<body>
<div id="content" style="background: green; height: 50px;"></div>
<script>
$(document).onReady(function() {
var option={
duration: 800,
transition: 'default',
engine: 'javascript'
};
var timer1 = function(message) {
$('content').stop();
timer2.delay(1000);
};
var timer2 = function(message) {
$('content').morph({opacity: '0'}, option);
};
$('content').morph({opacity: '0'}, option);
timer1.delay(300);
});
</script>
</body>
</html>