1.  자료실
  2.  팁
  3.  나의 XE
  4.  Html
  5.  배경이미지

XE 인기게시물

MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
Html Tip
여러사이트에서 제가 필요해 가져온 Html Tip들입니다.
2009.06
06
유료회원감로수
2009.06.06.토 20:10 3909 Views

<table align="center" cellpadding="0" cellspacing="0" width="500">
<tr>
<td>
<SCRIPT>
// "이미지는 바꾸어서 쓰세요"
var slideshow=new Array(
"http://pds12.egloos.com/pds/200906/06/18/a0102518_4a29fe104c7e8.jpg| &nbsp;&nbsp;&nbsp;&nbsp;이미지설명글",
"http://pds13.egloos.com/pds/200906/06/18/a0102518_4a29fe11a3192.jpg| &nbsp;&nbsp;&nbsp;&nbsp;이미지설명글2",
"http://pds12.egloos.com/pds/200906/06/18/a0102518_4a29fe13ee7d1.jpg| &nbsp;&nbsp;&nbsp;&nbsp;이미지설명글3",
"http://pds13.egloos.com/pds/200906/06/18/a0102518_4a29fe1539bad.jpg| &nbsp;&nbsp;&nbsp;&nbsp;이미지설명글4")


var fntfamily="고딕체"

// "아래 2는 글씨 크기"
var fntsize=2

// "아래 black는 글씨 색상"
var fntcolor="white"

// "아래 #FFE4B5는 설명글 넣는곳 바탕색"
var bgrndcolor="#000000"

// "아래 500은 이미지의 가로크기"
var imagewidth=500

// "아래 200은 이미지 세로크기"
var imageheight=332

// "아래 5는 이미지 변환 속도"
var standstill=3

var imgstop=0
var imgsleft=0
var mestop=imageheight
var mesleft=0
var firstslide=true
var starttime
var nowtime
var imgurl=new Array()
var message=new Array()
var imgurlandmessagearray=new Array()
var imgurlandmessage
var imgpreload=new Array()
var playertop=0
var playerleft=0
var i_imgs=0
var i_loop=0
var i_preloadloop=0
var i_transition=0
var timerrotate=false
var timercheck=false
var contentimg
var contentmes
var slideshowlength=slideshow.length

var topdivheight=imageheight+10

var ns6=document.getElementById&&!document.all?1:0
var standstill=standstill*1000

function init() {
    firstslide=true
    i_imgs=0
    i_loop=0
    i_preloadloop=randommaker(slideshowlength)
    if (timerrotate) {
        clearTimeout(timerrotate)
        clearTimeout(timercheck)
    }
    imgurl=new Array
    message=new Array
    for (i=0;i<=slideshow.length-1;i++) {
        imgurlandmessage=slideshow[i].split("|")
        imgurl[i]=imgurlandmessage[0]
        message[i]=imgurlandmessage[1]
    }

    if (document.all) {
        imgs.innerHTML=""
        mes.innerHTML=""
            document.all.imgs.style.posTop=imgstop
        document.all.imgs.style.posLeft=imgsleft
                document.all.mes.style.posTop=mestop
        document.all.mes.style.posLeft=mesleft
        checkpreloadtime()
        preloadimage()
        checkifloaded()
    }
    if (ns6) {
        document.getElementById('imgs').innerHTML=""
        document.getElementById('mes').innerHTML=""
        document.getElementById('imgs').style.top=imgstop
        document.getElementById('imgs').style.left=imgsleft
        document.getElementById('mes').style.top=mestop
        document.getElementById('mes').style.left=mesleft
        checkpreloadtime()
        preloadimage()
        checkifloaded()
    }
        if (document.layers) {
        document.topdiv.document.imgs.document.write("")
        document.topdiv.document.imgs.document.close()
        document.topdiv.document.mes.document.write("")
        document.topdiv.document.mes.document.close()
            document.topdiv.document.imgs.top=imgstop
        document.topdiv.document.imgs.left=imgsleft
                document.topdiv.document.mes.top=mestop
        document.topdiv.document.mes.left=mesleft
        checkpreloadtime()
        preloadimage()
        checkifloaded()
    }
}

function checkifloaded() {  
   if (imgpreload.complete) {
        nowtime=new Date()
        nowtime=nowtime.getTime()
        nowtime=nowtime-starttime
        var interval=standstill-nowtime
        if (interval<=0 ) {
            interval=1
        }
        if (firstslide) {
            interval=1
            firstslide=false
        }
        if (i_preloadloop==i_loop) {
            interval=1
        }
        timerrotate=setTimeout("rotateimages()", interval)
   }
   else {
        timercheck=setTimeout("checkifloaded()", 100)
   }
}

function preloadimage() {
        imgpreload=new Image()
        imgpreload.src=imgurl[i_preloadloop]
}

function rotateimages() {
    i_loop=i_preloadloop
    i_preloadloop=randommaker()  
    checkpreloadtime()
    preloadimage()
    getcontent()
    if (document.all) {
        imgs.filters[i_transition].apply()
        imgs.innerHTML=contentimg
        imgs.filters[i_transition].play()
        i_transition++
        if (i_transition>21) {i_transition=0}
        mes.innerHTML=contentmes
    }    
    if (ns6) {
        document.getElementById('imgs').innerHTML=contentimg
        document.getElementById('mes').innerHTML=contentmes
    }
    if (document.layers) {
        document.topdiv.document.imgs.document.write(contentimg)
        document.topdiv.document.imgs.document.close()
        document.topdiv.document.mes.document.write(contentmes)
        document.topdiv.document.mes.document.close()
    }
    i_loop++
    checkifloaded()    
}

function randommaker() {                
        rand=Math.floor(slideshowlength*Math.random())
    return rand

}

function getcontent() {
    contentimg="<img src='"+imgurl[i_loop]+"'>"
    contentmes="<table cellpadding=2 cellspacing=0 border=0 bgcolor="+bgrndcolor+" width="+imagewidth+"><tr><td><font size="+fntsize+" color="+fntcolor+" face="+fntfamily+">"+message[i_loop]+"</font></td></tr></table>"
}

if (document.all) {
    document.write('<div id="topdiv" style="position:relative;width:'+imagewidth+'px;height:'+topdivheight+'px">')
    document.write('<div id="mes" style="position:absolute;"> </div>')
    document.write('<div id="imgs" style="position:absolute;filter: revealTrans(Transition=1, Duration=2) revealTrans(Transition=2, Duration=2) revealTrans(Transition=3, Duration=2)  revealTrans(Transition=4, Duration=2)  revealTrans(Transition=5, Duration=1)  revealTrans(Transition=6, Duration=2)  revealTrans(Transition=7, Duration=2)  revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=2)  revealTrans(Transition=10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=2)  revealTrans(Transition=13, Duration=1)  revealTrans(Transition=14, Duration=2)  revealTrans(Transition=15, Duration=2)  revealTrans(Transition=16 Duration=1)  revealTrans(Transition=17, Duration=2)  revealTrans(Transition=18, Duration=2) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=2) revealTrans(Transition=22, Duration=2)"> </div>')
    document.write('</div>')    
}

if (ns6) {
    document.write('<div id="topdiv" style="position:relative;width:'+imagewidth+'px;height:'+topdivheight+'px">')
    document.write('<div id="mes" style="position:absolute;"> </div>')
    document.write('<div id="imgs" style="position:absolute;"> </div>')
    document.write('</div>')    
}

if (document.layers) {
    document.write('<ilayer name="topdiv" width='+imagewidth+' height='+topdivheight+'>')
    document.write('<layer name="mes"> </layer>')
    document.write('<layer name="imgs"> </layer>')
    document.write('</ilayer>')    
}

function checkpreloadtime() {
  
     starttime= new Date()
        starttime=starttime.getTime()
}

function checktime() {

}

window.onresize=new Function("window.location.reload()");
window.onload=init

</SCRIPT>
        </td>
    </tr>
</table>

유료회원감로수
2009.06.06 20:29:00 댓글
태그가 먹히질 않는군요.
아래의 링크를 클릭하시면 위의 소스를 적용한 결과를 보실 수 있습니다.
http://pds15.egloos.com/pds/200906/06/18/photo.html
번호
제목
글쓴이
38 IE 버젼별로 css 따로 적용하는 방법
[레벨:30]id: 팔공산
2011-02-17 896
37 마퀴태그의 기본
[레벨:30]id: 팔공산
2010-02-06 2285
이미지 바꾸기 소스 1
유료회원감로수
2009-06-06 3909
35 익스6에서만 작동되게하는 css구문
[레벨:30]id: 팔공산
2009-02-19 3570
34 CSS 기초 깨우치기 1
[레벨:30]id: 팔공산
2008-10-12 4495
33 CSS 사용시 익스플로러 버그 해결하기
[레벨:30]id: 팔공산
2008-07-19 3892
32 CSS : 글꼴과 텍스트(2) - 장식과 자간 및 줄간 1
[레벨:30]id: 팔공산
2008-07-19 4896
31 기본적인 태그 (링크걸기)| 1
[레벨:30]id: 팔공산
2008-07-12 4347
30 가장 기본적인 태그들
[레벨:30]id: 팔공산
2008-07-12 2838
29 자신의 홈에 프린트버튼을 넣자 2
[레벨:30]id: 팔공산
2008-07-12 2716
28 테이블(셀) 깨지지 않는 CSS 1
[레벨:30]id: 팔공산
2008-07-12 3550
27 날짜 매개변수 1
[레벨:30]id: 팔공산
2008-07-12 2768
26 이미지 없이 그라데이션효과 주기
[레벨:30]id: 팔공산
2008-07-12 3497
25 자신의 홈페이지 단어를 더블클릭하면 네이버로 해당단어 검색을 1
[레벨:30]id: 팔공산
2008-07-12 2689
24 뒤로..앞으로..새로고침 버튼 넣기
[레벨:30]id: 팔공산
2008-07-12 3773
23 ( align="absmiddle" ) 이미지와 글자 높낮이가 다를때 관해서 3
[레벨:30]id: 팔공산
2008-04-27 5925
22 붙어야 할 이미지가 붙지 않을때.
[레벨:30]id: 팔공산
2008-04-19 2796
21 사각박스 코너를 이미지없이 둥글게 만드는법
[레벨:30]id: 팔공산
2008-04-08 3264
20 CSS로 바꾸어 쓰는 HTML태그!.. [XHTML약간^^;] 1
[레벨:30]id: 팔공산
2008-04-04 3294
19 네이밍 가이드
[레벨:30]id: 팔공산
2008-04-04 3206
18 논리 태그 사용
[레벨:30]id: 팔공산
2008-04-04 3368
17 POSITION속성과 그 속성값 2
[레벨:30]id: 팔공산
2008-04-04 3735
16 긴 제목 마우스오버시에만 보기
[레벨:30]id: 팔공산
2008-04-04 3209
15 xhtml 기본 작성법
[레벨:30]id: 팔공산
2008-04-04 3162
14 display:block 쪼금 더~
[레벨:30]id: 팔공산
2008-04-04 5792
13 글들의 상하 정렬위치 설정 vertical-align속성
[레벨:30]id: 팔공산
2008-04-04 3735
12 덧글달기 CSS Coding TIP
[레벨:30]id: 팔공산
2008-04-04 2765
11 iframe 대신 사용하는 object 태그 1
[레벨:30]id: 팔공산
2008-04-04 4222
10 TD안엔 DIV를 넣어라? 1
[레벨:30]id: 팔공산
2008-04-04 4040
9 제발...alt텍스트와 title텍스트를 구분해조바바 1
[레벨:30]id: 팔공산
2008-04-04 3672
  • 문하우스는 IE7, 1280*1024 이상의 모니터 해상도에서 최적화 되어 있습니다.무단 E-mail 추출이나, 성인광고를 허용치 않습니다
  • 단축키 : l-목록, w-글쓰기, z-이전글, x-다음글, s-최근글, a-이전목록, d-다음목록, 1-home, 2-data, 3-zbxe, 4-blog, 5-total, 6-QnA