사이트맵
로그인

    • 자바 스크립트 - 다양한 효과의 이미지 슬라이드쇼

      날짜 : 2008. 11. 10  글쓴이 : Joosarang

      조회수 : 5236
      추천 : 0

      목록
      • <head>
        <script language="JavaScript1.1">
        <!--

        var slideimages=new Array()
        var slidelinks=new Array()
        function slideshowimages(){
        for (i=0;i<slideshowimages.arguments.length;i++){
        slideimages[i]=new Image()
        slideimages[i].src=slideshowimages.arguments[i]
        }
        }

        function slideshowlinks(){
        for (i=0;i<slideshowlinks.arguments.length;i++)
        slidelinks[i]=slideshowlinks.arguments[i]
        }

        function gotoshow(){
        if (!window.winslide||winslide.closed)
        winslide=window.open(slidelinks[whichlink])
        else
        winslide.location=slidelinks[whichlink]
        winslide.focus()
        }

        //-->
        </script>
        <title>간단한 슬라이드쇼 스크립트</title>
        </head>

        <body>
        <a href="javascript:gotoshow()"><img src="../bg1.jpg" name="slide" border=0 width="313" height="416"></a>
        <script>
        <!--

        //슬라이드쇼에 사용할 이미지와 링크가 될곳을 정해주세요
        slideshowimages("../bg1.jpg",
                        "../bg2.jpg",
                        "../bg3.jpg",
                        "../bg4.jpg",
                        "../bg5.jpg")
        slideshowlinks("http://icon1.com.ne.kr",
                       "http://icon1.com.ne.kr",
                       "http://icon1.com.ne.kr",
                       "http://icon1.com.ne.kr",
                       "http://icon1.com.ne.kr")

        //슬라이드쇼의 속도를 정해주세요. 단위는 밀리초입니다
        var slideshowspeed=2000

        var whichlink=0
        var whichimage=0
        function slideit(){
        if (!document.images)
        return
        document.images.slide.src=slideimages[whichimage].src
        whichlink=whichimage
        if (whichimage<slideimages.length-1)
        whichimage++
        else
        whichimage=0
        setTimeout("slideit()",slideshowspeed)
        }
        slideit()

        //-->
        </script>

    신고하기

    • 추천 목록

    • 댓글(0)

    • 글을 작성시 등록하신
      비밀번호를 입력해주세요.

[개인정보취급방침]

19 Don Ridge Dr. Toronto ON, Canada M2P1H3
Copyright(c) 토론토 주사랑 교회 All Rights Reserved.