나는 내가 뭘 할 계획입니다 것은 5 초마다, 나는 id:dis_images
및 id:images
첫 번째 이미지는 불투명도를 변경에 id:images_list
에서 첫 번째 텍스트 표시 할 것입니다이JQuery와 페이드 아웃 텍스트와 이미지의 불투명도
<div id="dis_image"></div>
<div id="images">
<img src="1/1.jpg" class="image" style="opacity:0.3" />
<img src="1/2.jpg" class="image" style="opacity:0.3" />
</div>
<ul style="display:none" id="images_list">
<li>testing 1</li>
<li>testing 2</li>
</ul>
같은 뭔가를 변경 0.3부터 1 으로 변경하고 두 번째 텍스트로 진행하면 첫 번째 텍스트가 두 번째 텍스트로 대체되고 두 번째 이미지는 불투명도로 대체됩니다. 첫 번째 이미지는 정상적인 불투명도로 돌아갑니다. 0.3
나는 이것을 시도했지만 마침내 멈추었으므로 제대로 작동하지 않습니다.
JQuery와 : $ (당신의 요소 ID) .delay (5000) .slideDown ('느린') 는 단지 샘플 (초 만 달러)
setInterval(function() {
$("#dis_image").html("");
$('#images_list :nth-child(1)').next().show().fadeOut(1200).appendTo('#dis_image');
$('#images :nth-child(1)').next().css({ opacity: 1 });
} , 5000);