Форум

Алек · #1 (**permalink**) 24.06.2013, 17:01

Здравствуйте!
Мне для создания анимации нужно присвоить метод .fadeOut() методу .html()
Вот например:

$(this).html('<img src="images/logotip1.jpg" width="850" height="150" alt="Слайдер тут" title="Слайдер сайта" />')

У блока в котором заменяется .html() свойства border: 3px solid green, сам блок не надо трогать.
Мне нужно менять прозрачность именно кода который подставляется методом .html(), а не всего блока.

Заранее большое спасибо!

skrudjmakdak · #2 (**permalink**) 24.06.2013, 17:09

что то я не совсем понял вопроса. и метод методу присвоить?? это как...
также $(this).fadeOut(); нет??

skrudjmakdak · #3 (**permalink**) 24.06.2013, 17:11

или менять нужно содержимое 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);

danik.js · #4 (**permalink**) 24.06.2013, 17:19

$(this).html('<img src=".." />').children().fadeOut()

skrudjmakdak · #5 (**permalink**) 24.06.2013, 17:22

а я как то так пытался делать. правда давно.. что то меня смущает, что он сразу увидит img, поэтому я сделал с задержкой (зерез сеттимэаут)

skrudjmakdak · #6 (**permalink**) 24.06.2013, 17:27

хм.. работает))

<!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>

Алек · #7 (**permalink**) 24.06.2013, 17:40

Попробую поточнее выразиться.
Вот блок:

<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 в блоке менялся с эффектом анимации.

Алек · #8 (**permalink**) 24.06.2013, 17:45

danik.js,
Попробовал, как раз то что нужно, большое Вам спасибо!

Форум

Справочник

Discord чат

Курсы javascript