js Slideshow_javascript 기술 구현
슬라이드쇼
다른 효과를 버리고 가장 간단한 캐러셀에는
parent.appendChild(parent.firstChild)라는 명령문 하나만 있습니다. 이 명령문은 목록의 요소를 마지막 요소에 계속 추가하여 원래 위치에서 노드를 변경합니다. 제거되므로 스위칭 효과를 얻을 수 있습니다.
한 가지 점은 IE가 다른 브라우저와 다르게 텍스트 노드를 취급한다는 것입니다. 또한, 다른 FF 버전에서는 children 속성에도 주의를 기울여야 합니다.
아래 데모에서는 #view의 Overflow:hidden을 설정하지 않았습니다.
demo_1:
코드 복사 코드는 다음과 같습니다.
< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
;body>
var img_list = document.getElementById('img_list')
setInterval(function(){
img_list.appendChild(img_list.firstChild);
},500)
