Присвоить метод .fadeOut() методу .html()
Здравствуйте!
Мне для создания анимации нужно присвоить метод .fadeOut() методу .html() Вот например:
$(this).html('<img src="images/logotip1.jpg" width="850" height="150" alt="Слайдер тут" title="Слайдер сайта" />')
У блока в котором заменяется .html() свойства border: 3px solid green, сам блок не надо трогать. Мне нужно менять прозрачность именно кода который подставляется методом .html(), а не всего блока. Заранее большое спасибо! |
что то я не совсем понял вопроса. и метод методу присвоить?? это как...
также $(this).fadeOut(); нет?? |
или менять нужно содержимое html()???
думаю тут через setTimeout
$(this).html('<img src="images/logotip1.jpg" width="850" height="150" alt="Слайдер тут" title="Слайдер сайта" />');
setTimeout(function(ths)
{
function()
{
$(ths).eq(0).fadeOut();
}
}(this), 100);
|
$(this).html('<img src=".." />').children().fadeOut()
|
а я как то так пытался делать. правда давно.. что то меня смущает, что он сразу увидит img, поэтому я сделал с задержкой (зерез сеттимэаут)
|
хм.. работает))
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.one').html('<div></div>').children().html(1);
});
</script>
</head>
<body>
<div class="one"></div>
</body>
</html>
|
Попробую поточнее выразиться.
Вот блок: <div class="for_all"></div> Его css свойства:
.for_all {
width: 850px;
height: 108px;
border: 3px solid green;
margin-bottom: 15px;
border-radius: 5px;
}
Вставляю в блок html код (изображение) методом .html()
$(this).html('<img src="images/logotip1.jpg" width="850" height="150" alt="Слайдер тут" title="Слайдер сайта" />')
Теперь мне нужно чтоб к вставленному коду применился метод fadeOut() и изображение начало затемнятся, но сам блок остался в проявленном состоянии. Я ума не приложу как это сделать, я могу само изображение запихнуть в блок, дать ему класс и проводить с этим блоком манипуляции, но... Так я могу и изображению класс передать, точняк, чё-то у меня это совсем из головы вылетело, извините. skrudjmakdak, спасибо за setTimeout(), хорошая идея, но я делаю чтоб по событию click на кнопочку под блоком у меня html в блоке менялся с эффектом анимации. |
danik.js,
Попробовал, как раз то что нужно, большое Вам спасибо!:) |
| Часовой пояс GMT +3, время: 11:15. |