метод show jquery
Здравствуйте.
Как на jQuery сделать, что бы картинка по методу show показалась не из левого верхнего края, а сразу была полноразмерная и потихоньку уменьшала прозрачность, а другая, увеличивала? Т.е. чтобы сменялись незаметно. Спасибо. |
Помести её в див и задавай не .show(), а .fadeIn() и .fadeOut() для родительского дива. (можно и без дива, но так будет правильнее)
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="fade" style="width: 100px; height: 100px; background-color: blue; position: absolute; display: none"></div>
<div class="fade" style="width: 100px; height: 100px; background-color: red; position: absolute;"></div>
<button style="margin-top: 110px">Сменить!</button>
<script>
$(function() {
var speed = 700; // Скорость анимации изменения прозрачности в миллисекундах
$('button').click(function(){
$('.fade')
.stop() //не создаёт очередь анимаций при многократном клике до завершения текущей анимации
.fadeToggle(speed);//если display: none - показывает, нет - прячет.
})
})
</script>
|
|
Ок, спасибо огромное, как будет время разберусь.
|
| Часовой пояс GMT +3, время: 12:42. |