이미지 Slideshow 태그배우기

컴퓨터 관련/태그

이미지 Slideshow 태그배우기

승명 2018. 1. 14. 09:41

이미지 Slideshow

9. <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 9 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>

<BODY onload="ImageBook()">

// 각 변수를 설정 하세요
var Book_Image_Width=184; // 이미지의 가로
var Book_Image_Height=184; // 이미지의 높이
var Book_Border=true; // 테두리 설정여부
var Book_Border_Color="gray"; // 테두리의 색상
var Book_Speed=30; // 플립속도
var Book_NextPage_Delay=3000; //지연시간 1초=1000
var Book_Vertical_Turn=0;

// 이미지와 이미지 링크를 설정하세요. (최소 4개이상)
// 링크가 없으면 그냥 공백( "" ) 으로 두시면 됩니다

Book_Image_Sources=new Array(
  "http://mysesang.com/tip/img/slide001.jpg","http://mysesang,com",
  "http://mysesang.com/tip/img/slide002.jpg","http://mysesang,com",
  "http://mysesang.com/tip/img/slide003.jpg","", // 링크를 걸지 않을경우
  "http://mysesang.com/tip/img/slide004.jpg","http://www.naver.com"
  );

var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

    setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
   else setTimeout("BookImages()",50)}
  else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
   if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
   B_RI.src=B_Pre_Img[B_CrImg].src;
   B_RI.lnk=Book_Image_Sources[B_CrImg+1];
   B_MI.style.zIndex=2;
   B_LI.style.zIndex=1;
   B_Angle=0;
   B_CrImg+=2;
  setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
</script>

<!--
이미지의크기 의 크기

가로크기는 (보여줄 이미지의 가로+4) * 2 정도로,
세로크기는 (보여줄 이미지의 높이+3) 정도로 설정하시면 됩니다

주의 : 이미지 자체의 크기는 수정하실 필요 없습니다
-->
</BODY></HTML>

10. <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 10 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>

<BODY onload="Carousel()">

// 아래 변수들을 설정 하세요
var Car_Image_Width=185; // 이미지의 가로크기
var Car_Image_Height=185; // 이미지의 높이
var Car_Border=true;  // 테두리 사용여부 (true 혹은 false)
var Car_Border_Color="white"; // 테두리 색상
var Car_Speed=4; // 책장 넘기기 속도
var Car_Direction=true;  // true 혹은 false
var Car_NoOfSides=6;  // 보여줄 면의 갯수 (반드시 4, 6, 8 및 12 로 설정 하세요)

/* 이미지와 링크를 설정 하세요.

4면을 보여주려면 이미지의 갯수는 최소한 2개
6면을 보여주려면 이미지의 갯수는 최소한 3개
8면을 보여주려면 이미지의 갯수는 최소한 4개
12면을 보여주려면 이미지의 갯수는 최소한 6개 가 되어야 합니다

링크를 걸지 않으려면 공백 ("") 으로 두시면 됩니다
*/
Car_Image_Sources=new Array(
  "http://mysesang.com/tip/img/slide001.jpg","http://mysesang.com",
  "http://mysesang.com/tip/img/slide002.jpg","http://www.naver.com",
  "http://mysesang.com/tip/img/slide003.jpg","", // 링크없슴
  "http://mysesang.com/tip/img/slide004.jpg","http://www.dreamwiz.com" // 마지막 라인에는 콤마가 없어요..^^
  );

/***************** 아랫부분은 수정하지 마세요 **********************************/

CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
C_Coef=new Array(
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
C_Pre_Img=new Array(Car_Image_Sources.length);
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
</script>

<!--
placeholder 의 가로 :
   4 면 : 1.42 * 이미지 가로 + 3
   6 명 : 2 * 이미지 가로 +4
   8 명 : 2.62 * 이미지의 가로 + 5
  12 면 : 3.87 * 이미지의 가로 + 7
placeholder 의 높이 : 이미지의 높이+2

주의 : 이미지 자체의 크기는 수정하실 필요 없습니다

-->

</BODY></HTML>

11, <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 11 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY>

<script>
<!--

// 보여줄 이미지들을 설정 하세요
var imgurl=new Array("http://mysesang.com/tip/img/slide001.jpg", "http://mysesang.com/tip/img/slide002.jpg", "http://mysesang.com/tip/img/slide003.jpg", "http://mysesang.com/tip/img/slide004.jpg")

// 이미지를 보여줄 위치를 지정하세요
var x_finalpos=310
var y_finalpos=10

// 이미지간 시간 간격을 지정하세요(초)
var standstill=3

var x_slices=6
var y_slices=4
var imgpreload=new Array()
for (i=0;i<=imgurl.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=imgurl[i]
}
var imgheight
var imgwidth
var screenheight
var screenwidth
var x_step=new Array()
var y_step=new Array()
var x_randompos=0
var y_randompos=0
var i_loop=0
var max_loop=20
var i_image=0
var width_slice
var height_slice
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0
var pause=10
standstill=1000*standstill

if (document.all) {
for (i=0;i<=y_slices-1;i++) {
  for (ii=0;ii<=x_slices-1;ii++) {
      document.writｅ("<span id='span"+spancounter+"' style='position:absolute;left:-5000px'></span>")
   spancounter++
  }
}
spancounter=0
}

if (document.all) {window.onload=changeimage}
// --->
</script>
</BODY></HTML>

12. <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 12 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY>

<script language="JavaScript1.2">
//아래에서 이미지 사이즈에 맞게 슬라이드되는 너비와 높이를 설정하세요.
var scrollerwidth=369
var scrollerheight=369
var scrollerbgcolor='white'//슬라이드의 배경색
var pausebetweenimages=3000//이미지간의 시간간격 3000=3초
//슬라이드 될 이미지의 경로와 하이퍼 링크 설정
var slideimages=new Array()
slideimages[0]='<a href="#"><img src="http://mysesang.com/tip/img/slide001.jpg" border=1"></a>'
slideimages[1]='<a href="#"><img src="http://mysesang.com/tip/img/slide002.jpg" border=1"></a>'
slideimages[2]='<a href="#"><img src="http://mysesang.com/tip/img/slide003.jpg" border=1"></a>'
slideimages[3]='<a href="#"><img src="http://mysesang.com/tip/img/slide004.jpg" border=1"></a>'
slideimages[4]='<a href="#"><img src="http://mysesang.com/tip/img/slide005.jpg" border=1"></a>'
if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.writｅ(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.writｅ(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

</script>

<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=0 top=1 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.writｅ(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.writｅ(slideimages[1])
</script>
</layer>
</ilayer>

</BODY></HTML>

13, <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 13 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript1.1">
<!--
var slidespeed=3000//이미지간의 시간간격 3000=3초
//이미지 경로
var slideimages=new Array("img/slide001.jpg","img/slide002.jpg","img/slide003.jpg")
//위의 Array 이미지 배열순에 맞게 하이퍼링크를 설정하세요.
var slidelinks=new Array("http://mysesang.com","http://www.photomoa.co.kr","http://www.daum.net")

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

//-->
</script>
</HEAD>
<BODY>

14. <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 14 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY>
<SCRIPT>
//사용될 이미지들의 경로를 배열
var trans_chImg=new Array("http://mysesang.com/tip/img/slide001.jpg","http://mysesang.com/tip/img/slide002.jpg","http://mysesang.com/tip/img/slide003.jpg","http://mysesang.com/tip/img/slide004.jpg")

// 이미지의 가로 너비
var imagewidth=369

// 이미지의 세로 높이
var imageheight=369

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 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 trans_chImglength=trans_chImg.length

var topdivheight=imageheight+40

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(trans_chImglength)
    if (timerrotate) {
        clearTimeout(timerrotate)
        clearTimeout(timercheck)
    }
    imgurl=new Array
    message=new Array
    for (i=0;i<=trans_chImg.length-1;i++) {
        imgurlandmessage=trans_chImg[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.writｅ("")
        document.topdiv.document.imgs.document.close()
        document.topdiv.document.mes.document.writｅ("")
        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.writｅ(contentimg)
        document.topdiv.document.imgs.document.close()
        document.topdiv.document.mes.document.writｅ(contentmes)
        document.topdiv.document.mes.document.close()
    }
    i_loop++
    checkifloaded()
}

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

}

function getcontent() {
contentimg="<img src='"+imgurl[i_loop]+"'>"
contentmes="<table cellpadding=2 cellspacing=0 border=0 width="+imagewidth+"><tr><td></td></tr></table>"
}

if (document.all) {
    document.writｅ('<div id="topdiv" style="position:relative;width:'+imagewidth+'px;height:'+topdivheight+'px">')
    document.writｅ('<div id="mes" style="position:absolute;"> </div>')
    document.writｅ('<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.writｅ('</div>')
}

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

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

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

function checktime() {

}

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

</SCRIPT>
</BODY></HTML>

15. <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 15 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY>

var slidecomment=new Array()
// 각 이미지에 대한 설명을 입력 하세요
slidecomment[0]="첫번째 이미지 설명"
slidecomment[1]="두번째 이미지 설명"
slidecomment[2]="세번째 이미지 설명"
slidecomment[3]="네번째 이미지 설명"

var slidelink=new Array()
// 각 이미지에 대한 링크를 입력 하세요
slidelink[0]="http://mysesang.com"
slidelink[1]="http://www.daum.net"
slidelink[2]="http://www.yahoo.co.kr"
slidelink[3]="http://www.yahoo.co.kr"

// 각 이미지의 타겟을 입력 하세요
var slidetarget=new Array()
slidetarget[0]="_blank"
slidetarget[1]="_top"
slidetarget[2]=""
slidetarget[3]=""
// 사운드 파일의 경로를 입력 하세요
var slidesound="img/sound.wav"

// 글꼴
var slidefont="Arial"

// 글자 색상
var slidefontcolor="blue"

// 글자 크기 (1 - 6)
var slidefontsize=2

// 슬라이드쇼의 가로크기 (pixels)
var slidewidth=369

// 슬라이드의 높이 (pixels)
var slideheight=369

// 슬라이드간 지연시간 (초)
var pauseslide=3

var textposition="right_auto"
var slidecontent
var max_space=19
var space=" "
var i_substring=0
var i_space=max_space
var all_space=" "
var content=""
var pausefade=20
var i_slide=0
var i_filter=-1
var nextorprevious=1
var transparency=0
var transparencystep=5
var isloaded=false
var started=false
var stopshow=false

var newpause=pauseslide
var checkpause=200
var neximage=""
var howmanycomplete=0
var preload_slides=-1
var pauseslide=pauseslide*1000

var browserinfos=navigator.userAgent
var ie=document.all&&!browserinfos.match(/Opera/)?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
var op=browserinfos.match(/Opera/)

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}

function initslideshow4() {
setimagetocache()
getcontent()
if (ie) {
  slidecontainer.innerHTML=slidecontent
  }
if (ns6 || op) {
  transparency=100
  document.getElementById('slidecontainer').innerHTML=slidecontent
}
var inittimer=setTimeout("checkifcached()",100)
}

function setimagetocache() {
preload_slides++
if (preload_slides<=slideurl.length) {
  nextimage=new Image();
     nextimage.src=slideurl[preload_slides];
  checkautocached()
}
}

function checkautocached() {
if (nextimage.complete) {
  howmanycomplete++
  setimagetocache()
}
   else {
     var timer2=setTimeout("checkautocached()",checkpause);
}
}

function stopslideshow() {
stopshow=true
}

function playslideshow() {
stopshow=false
}

function checkifcached() {
if (i_slide<=howmanycomplete) {
  if (ie) {
   if (textposition=="top_auto" || textposition=="bottom_auto" || textposition=="left_auto" || textposition=="right_auto" || textposition=="top_auto_nocontrols" || textposition=="bottom_auto_nocontrols") {
    var nextimer=setTimeout("autoslide()",newpause)
   }
   if (textposition=="top_hand" || textposition=="bottom_hand" || textposition=="left_hand" || textposition=="right_hand") {
    if (started) {
     handslide()
    }
    started=true
   }
  }
  if (ns6 || op) {
   if (textposition=="top_auto" || textposition=="bottom_auto" || textposition=="left_auto" || textposition=="right_auto" || textposition=="top_auto_nocontrols" || textposition=="bottom_auto_nocontrols") {
    unfadeslide()
   }
   if (textposition=="top_hand" || textposition=="bottom_hand" || textposition=="left_hand" || textposition=="right_hand") {
    if (started) {
     fadeslidehand()
    }
    started=true
   }
  }
   }
   else {
  newpause=newpause-checkpause
  if (newpause<1200) {newpause=1200}
     var timer2=setTimeout("checkifcached()",checkpause);
}
}

function getcontent() {
if (textposition=="top_auto") {
  slidecontent="<font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font><br><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a><br><a href='javascripｔ:stopslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>stop</font></a> <a href='javascripｔ:playslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>play</font></a>"
}
else if (textposition=="bottom_auto") {
  slidecontent="<a href='javascripｔ:stopslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>stop</font></a> <a href='javascripｔ:playslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>play</font></a><br><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font>"
}
else if (textposition=="left_auto") {
  slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td align=right><a href='javascripｔ:stopslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>stop</font></a> <a href='javascripｔ:playslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>play</font></a><br><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font></td><td><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a></td></tr></table>"
}
else if (textposition=="right_auto") {
  slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a></td><td><a href='javascripｔ:stopslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>stop</font></a> <a href='javascripｔ:playslideshow()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>play</font></a><br><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font></td></tr></table>"
}
else if (textposition=="top_auto_nocontrols") {
  slidecontent="<font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font><br><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a>"
}
else if (textposition=="bottom_auto_nocontrols") {
  slidecontent="<a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font>"
}
else if (textposition=="top_hand") {
  slidecontent="<font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font><br><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a><br><a href='javascripｔ:checkifcached()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>next</font></a>"
}
else if (textposition=="bottom_hand") {
  slidecontent="<a href='javascripｔ:checkifcached()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>next</font></a><br><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font>"
}

else if (textposition=="left_hand") {
slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td align=right><a href='javascripｔ:checkifcached()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>next</font></a><br><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font></td><td><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a></td></tr></table>"
}
else if (textposition=="right_hand") {
slidecontent="<table cellpadding=3 cellspacing=0 border=0><tr valign=top><td><a href='"+slidelink[i_slide]+"' target='"+slidetarget[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0></a></td><td><a href='javascripｔ:checkifcached()'><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>next</font></a><br><br><font face='"+slidefont+"' size='"+slidefontsize+"' color='"+slidefontcolor+"'>"+slidecomment[i_slide]+"</font></td></tr></table>"
}
}

function unfadeslide() {
if (transparency<100){
  transparency+=transparencystep
  if (ns6) {
   document.getElementById('slidecontainer').style.MozOpacity=transparency/100
  }
  var fadetimer=setTimeout("unfadeslide()",pausefade)
}
else {
  clearTimeout(fadetimer)
  var fadetimer=setTimeout("fadeslide()",newpause)
}
}

function unfadeslidehand() {
if (transparency<100){
  transparency+=transparencystep
  if (ns6) {
   document.getElementById('slidecontainer').style.MozOpacity=transparency/100
  }
  var fadetimer=setTimeout("unfadeslidehand()",pausefade)
}
else {
  clearTimeout(fadetimer)
}
}

function fadeslide() {
if (!stopshow) {
  if (transparency>0){
   transparency-=transparencystep
   if (ns6) {
    document.getElementById('slidecontainer').style.MozOpacity=transparency/100
   }
   var fadetimer=setTimeout("fadeslide()",pausefade)
  }
  else {
   var autotimer=setTimeout("autoslide()",200)
  }
}
else {
  var stoptimer=setTimeout("fadeslide()",500)
}
}

function fadeslidehand() {
if (transparency>0){
  transparency-=transparencystep
  if (ns6) {
   document.getElementById('slidecontainer').style.MozOpacity=transparency/100
  }
  var fadetimer=setTimeout("fadeslidehand()",pausefade)
}
else {
  i_slide++
  if (i_slide>=slideurl.length) {i_slide=0}
  getcontent()
  document.getElementById('slidecontainer').innerHTML=slidecontent
  transparency=0
  var fadetimer=setTimeout("unfadeslidehand()",500)
}
}

function autoslide(){
if (ie) {
  if (!stopshow) {
   newpause=pauseslide
   i_slide++
   if (i_slide>=slideurl.length) {i_slide=0}
   getcontent()
   i_filter++
   if (i_filter>slidecontainer.filters.length-1) {i_filter=0}
   slidecontainer.filters[i_filter].apply()
   slidecontainer.innerHTML=slidecontent
   document.all.sound.src=slidesound;
   slidecontainer.filters[i_filter].play()
   checkifcached()
  }
  else {
   var stoptimer=setTimeout("autoslide()",500)
  }
}
if (ns6 || op) {
  newpause=pauseslide
  i_slide++
  if (i_slide>=slideurl.length) {i_slide=0}
  getcontent()
  document.getElementById('slidecontainer').innerHTML=slidecontent
  transparency=0
  i_space=max_space
  checkifcached()
}
}

function handslide(){
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
getcontent()
if (ie) {
  i_filter++
  if (i_filter>slidecontainer.filters.length-1) {i_filter=0}
  slidecontainer.filters[i_filter].apply()
  slidecontainer.innerHTML=slidecontent
  slidecontainer.filters[i_filter].play()
}
if (ns6 || op) {
  document.getElementById('slidecontainer').innerHTML=slidecontent
  transparency=100
}
}

function simpleslideshow() {
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
document.slideimage.src=preloadedimages[i_slide].src
simpleslideshowcomment()
var fadetimer=setTimeout("simpleslideshow()",pauseslide)
}

function simpleslideshowjump() {
if (slidetarget[i_slide]=="_self") {
  documｅnt.location.href=slidelink[i_slide]
}
else if (slidetarget[i_slide]=="_blank") {
  codepopup=window.open(slidelink[i_slide], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,top=10,left=10");
}
else if (slidetarget[i_slide]=="_top") {
  top.location.href=slidelink[i_slide]
}

else if (slidetarget[i_slide]=="_parent") {
  parent.location.href=slidelink[i_slide]
}
else {
  var jumpto=eval("parent."+slidetarget[i_slide])
  jumpto.location.href=slidelink[i_slide]
}
}

if (ie) {
document.writｅ('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">')
document.writｅ('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=1.2,wipeStyle=1)"></div>')
document.writｅ('</div>')
document.writｅ('<embed src="'+slidesound+'" autostart="false" hidden="true">')
document.writｅ('<bgsound id="sound">')
window.onload=initslideshow4
}
else if (ns6||op) {
document.writｅ('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">')
document.writｅ('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;-moz-opacity:100"></div>')
document.writｅ('</div>')
window.onload=initslideshow4
}
else if (ns4) {
document.writｅ('<a href="javascripｔ:simpleslideshowjump()"><img name="slideimage" src="'+slideurl[0]+'" border=0></a>')
i_slide=-1
window.onload=simpleslideshow
}
</script>
</BODY></HTML>

16. <HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 16 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY>

<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
    <TD>
      <form name=oneslideform" >
        <DIV align="center">
          <TABLE width="369" border="0" cellspacing="0" cellpadding="4">
            <TR>
              <TD align=center>
                <B>이미지 슬라이드쇼</B></DIV>
              </TD>
            </TR>
            <TR>
              <TD align=center>
                <A href="javascripｔ:Onetransport()">
    <IMG src="http://mysesang.com/tip/img/slide001.jpg" name=oneshow" border="0"></A>
              </TD>
            </TR>
            <TR>
              <TD align=center>
                  <SELECT name=oneslide" onChange=onechange();">
                    <OPTION value="http://mysesang.com/tip/img/slide001.jpg" selected>Image 1</OPTION>
                    <OPTION value="http://mysesang.com/tip/img/slide002.jpg">Image 2</OPTION>
                    <OPTION value="http://mysesang.com/tip/img/slide003.jpg">Image 3</OPTION>
                    <OPTION value="http://mysesang.com/tip/img/slide004.jpg">Image 4</OPTION>
                    <OPTION value="http://mysesang.com/tip/img/slide005.jpg">Image 5</OPTION>
                    <OPTION value="http://mysesang.com/tip/img/slide006.jpg">Image 6</OPTION>
                    <OPTION value="http://mysesang.com/tip/img/slide007.jpg">Image 7</OPTION>
      </SELECT>
              </TD>
            </TR>
            <TR>
              <TD>
                <DIV align="center">
                  <INPUT type=button onClick=oneprevious();" value="◀◀" onfocus="this.blur()" title="Previous">
                  <INPUT type=button name=oneslidebutton" onClick=oneap(this.value);" value="슬라이드쇼" onfocus="this.blur()" title="AutoPlay">
                  <INPUT type=button onClick=onenext();" value="▶▶" onfocus="this.blur()" title="Next">
          </DIV>
              </TD>
            </TR>
          </TABLE>
        </DIV>
      </form>
    </TD>
</TR>
</TABLE>
</BODY></HTML>

'컴퓨터 관련 > 태그' 카테고리의 다른 글

책장 넘기기 (0)	2018.01.14
이미지 슬라이드 쑈 1 - 태그배우기 (0)	2018.01.14
태그 하이퍼링크 걸기 (0)	2017.01.14
각종 글자 태그 (0)	2016.03.20
html table 태그 완전정복 (0)	2016.03.11

현재글이미지 Slideshow 태그배우기

Today :
Yesterday :

원리(遠離) 지식(止息) 무심정(無心定)