토론토 주사랑 교회 - 모바일홈페이지

게시판목록 최신글 글쓰기

- 로딩할 때마다 이미지가 바뀌게하는 스크립트
  
  날짜 : 2009. 04. 28 글쓴이 : Joosarang
  
  조회수 : 3115
  추천 : 0

- - 여러개의 이미지를 사용할때 로딩할때마다 순서를 바꾸어 출력 해 주는 스크립트 입니다
    
    <head>
    <meta http-equiv=content-type content=text/html; charset=euc-kr>
    </head>
    
    <body>
    
    
    
    <script>
    var contents=new Array()
    
    // 보여줄 이미지들을 차례대로 설정 하세요
    contents[0]='<a href="http://www.jasko.co.kr"><img src="http://www.jasko.co.kr/java_data/001.gif" border=0></a>'
    contents[1]='<a href="http://www.jasko.co.kr"><img src="http://www.jasko.co.kr/java_data/002.gif" border=0></a>'
    contents[2]='<a href="http://www.jasko.co.kr"><img src="http://www.jasko.co.kr/java_data/003.gif" border=0></a>'
    contents[3]='<a href="http://www.jasko.co.kr"><img src="http://www.jasko.co.kr/java_data/004.gif" border=0></a>'
    contents[4]='<a href="http://www.jasko.co.kr"><img src="http://www.jasko.co.kr/java_data/005.gif" border=0></a>'
    contents[5]='<a href="http://www.jasko.co.kr"><img src="http://www.jasko.co.kr/java_data/006.gif" border=0></a>'
    
    // 각 이미지 사이에 들어갈 태그를 입력 합니다
    
    var spacing=" "
    
    var randomorder=new Array()
    var the_one
    var z=2 //전체 그림수에서 -1 값을 입력합니다 예제는 그림3개 아래 i=2도 바꿔줘야 합니다
    for (i=2;i<contents.length;i++)
    randomorder[i]=i
    
    while (z<contents.length){
    the_one=Math.floor(Math.random()*contents.length)
    if (contents[the_one]!="_selected!"){
    document.write(contents[the_one]+spacing)
    contents[the_one]="_selected!"
    z++
    }
    }
    </script>
신고하기

- 댓글(0)