슬라이드쇼 이미지 샘플 code_javascript 기술의 js 구현
- WBOY원래의
- 2016-05-16 17:17:011310검색
1. 페이지에 다음 요소를 추가합니다. 배치된 이미지 파일 목록 파일을 표시합니다.
코드 복사 코드는 다음과 같습니다.
지연된 메소드를 사용하여 순회 메소드를 호출할 수 있습니다: window.setInterval("PlayPics()", speed)
코드 복사 코드는 다음과 같습니다.
/**
* 재생 이미지 처리 방법
**/
function PlayPics()
{
var sel = document.getElementById ("img_date") ;
if(sel.length==0)//사진이 없으면 바로 반환
{
return
}
else
{
if(sel.selectedIndex> 0)//선택한 첨자가 0보다 큰 경우 이전 그림 항목이 선택되도록 설정합니다.
{
sel.options[sel.selectedIndex-1].selected=true;
}
else{//선택한 항목의 아래 첨자가 0인 경우 마지막 사진을 선택하도록 설정합니다. .
sel.options[sel.length-1].selected=true;
}
ChangePic(sel.options[sel.selectedIndex].value);//선택한 사진을 가져오고 URL을 변경합니다. 해당 이미지 컨테이너로 설정됩니다.
//이 방법은 필요에 따라 수정할 수 있습니다.
}
}
* 재생 이미지 처리 방법
**/
function PlayPics()
{
var sel = document.getElementById ("img_date") ;
if(sel.length==0)//사진이 없으면 바로 반환
{
return
}
else
{
if(sel.selectedIndex> 0)//선택한 첨자가 0보다 큰 경우 이전 그림 항목이 선택되도록 설정합니다.
{
sel.options[sel.selectedIndex-1].selected=true;
}
else{//선택한 항목의 아래 첨자가 0인 경우 마지막 사진을 선택하도록 설정합니다. .
sel.options[sel.length-1].selected=true;
}
ChangePic(sel.options[sel.selectedIndex].value);//선택한 사진을 가져오고 URL을 변경합니다. 해당 이미지 컨테이너로 설정됩니다.
//이 방법은 필요에 따라 수정할 수 있습니다.
}
}
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.