Javascript-форум - Добавление плавности анимации

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Добавление плавности анимации (https://javascript.ru/forum/dom-window/37685-dobavlenie-plavnosti-animacii.html)

Добавление плавности анимации

Недавно в этом же разделе нашёл такой скрипт:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style>
.asd {
	width:336px;
	height:76px;
}
</style>
</head>
<body>
<img class="asd" id="sdf" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
<script type="text/javascript">
var style = document.getElementById("sdf").style;
setInterval(function() {
   style.visibility = style.visibility == "visible" ? "hidden" : "visible";
}, 150);
</script>
</body>
</html>

Задача - добавить плавность анимации мигания. :help:

Цитата:

Сообщение от enselerizer

}, 150);

наверно изменив промежуток
http://learn.javascript.ru/

Всё, что изменилось - скорость мигания.

Цитата:

Сообщение от enselerizer

Всё, что изменилось - скорость мигания.

а никакой другой анимации в приведённом выше коде нет .
Если речь идёт о плавном исчезании/появлении-так нужно управлять прозрачностью элемента. А это код не имеющий ничего общего с приведённым.

Цитата:

Сообщение от enselerizer

01 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
02 <head>
03 <title></title>
04 <style>
05 .asd {
06 width:336px;
07 height:76px;
08 }
09 </style>
10 </head>
11 <body>
12 <img class="asd" id="sdf" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
13 <script type="text/javascript">
14 var style = document.getElementById("sdf").style;
15 setInterval(function() {
16 style.visibility = style.visibility == "visible" ? "hidden" : "visible";
17 }, 150);
18 </script>
19 </body>
20 </html>

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

В данный момент я активно работаю с html и css, тут проблем у меня нет. но js у меня нулевой. Я изучаю его основы, но времени у меня немного, соответственно пока ничего ещё дельного не знаю :)

Я тут разобрался, решил сделать так:

<input type="button" value="Скрыть" onclick="$('div.help-arrow').fadeOut('slow');">
<input type="button" value="Показать" onclick="$('div.help-arrow').fadeIn('slow');">

<div class="help-arrow">
<img src="plavnoe-poyavlenie-i-zatemnenie-kartinka.jpg">
</div>

Решил сделать просто плавное появление, без последующего блинкинга.

P.S. мне кажется, или вы отвечаете сообщениями-шаблонами на все случаи жизни? =)

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>

<style>
.asd {
	width:336px;
	height:76px;
	
	opacity: 1;
	
	-webkit-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
</style>

</head>
<body>
<img class="asd" id="sdf" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">

<script type="text/javascript">
var style = document.getElementById("sdf").style;
setInterval(function() {
   style.opacity = style.opacity == "1" ? "0" : "1";
}, 1000);
</script>

</body>
</html>

То есть, как я понимаю, вы новичок в этой теме?

Цитата:

Сообщение от elochka25252525 (Сообщение 248742)

То есть, как я понимаю, вы новичок в этой теме?

Кому это адресовано?