У меня 16 картинок(кадров) из них необходимо сделать моргание глазного века
|
а зачем 100 кадрос в секунду ? 30-60 оптимально. http://ru.wikipedia.org/wiki/%D0%9A%...BE%D1%82%D0%B0
два - картинки тяжелые? а то ведь одну ещё не дорисует а в очерди уже будет стоять отрисовывание следующей ну и три Цитата:
|
я тут набросал кое что, но почему то не работает, подскажите где ошибка
<script type="text/javascript">
$(document).ready(function(){
var bl = document.getElementById("blinkright");
function blink(){
var bl = document.getElementById("blinkright");
var i = 1;
do{
i = i+1;
bl.src = "eyeblinking/right/eyeblink"+i+"R.png";
}
while (i<5);
}
});
</script>
</head>
<body onload="blink()">
<img id="blinkright" />
</body>
</html>
|
Цитата:
Цитата:
поток один |
Лучше сделать всё одним спрайтом и менять background-position.
|
Цитата:
|
Цитата:
2) Ограниченная палитра цветов и прозрачности. Но часто это не создает проблем. |
Я тут сам попытался, но чтото не выходит, подскажите может где то ошибка
<script type="text/javascript">
$(document).ready(function(){
var bl = document.getElementById("blinkright");
function blink(){
var bl = document.getElementById("blinkright");
var i = 1;
do{
i = i+1;
bl.src = "eyeblinking/right/eyeblink"+i+"R.png";
}
while (i<5);
}
});
</script>
</head>
<body onload="blink()">
<!--<input type="button" value="моргание" onclick="blink()">-->
<img id="blinkright" src="eyeblinking/right/eyeblink1R.png"/>
|
надо время задействовать каким то образом
и предварительно загрузить картинки не мешало бы
<!DOCTYPE html>
<script type="text/javascript">
var i=0;
function blink(){
setTimeout(function(){var bl = document.getElementById("blinkright");
bl.src = "eyeblinking/right/eyeblink"+i+"R.png";
i++;if(i<5)blink() },1000)
};
</script>
</head>
<body onload="blink()"><input type="button" value="моргание" onclick="i=0;blink()">
<img id="blinkright" src="eyeblinking/right/eyeblink1R.png"/>
|
| Часовой пояс GMT +3, время: 15:32. |