1.  <!-- 로고설정 -->    
  2. <iframe src="./layouts/xxxx/leftFrame/slideshow.html" width=249 height=207 frameborder=0 border=0 align=right noframe allowTransparency="true" scrolling="No">   
  3.  </iframe>  


 iframe src="./layouts/xxxx/leftFrame/slideshow.html"

여기서 xxxx는 스킨 폴더라시는거 아시죠??
leftFrame이라는 폴더를 만들어서 슬라이드 쇼를 하는 html 코드를 삽입시킨 경우입니다.

ps. 이미지는, 저작권 때문에 첨부를 하지 못합니다.



./layouts/xxxx/leftFrame/slideshow.html

view plaincopy to clipboardprint?
  1. <SCRIPT SRC="frame_Left.js"></SCRIPT>    
  2. <!--   
  3. <script>   
  4. if (ie4||dom)   
  5.  document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')   
  6. else  
  7.  document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')   
  8.     
  9. </script>   
  10. -->   
  11. <script>   
  12. if (ie4||dom)   
  13.  document.write('<div style="position:absolute;top:0;left:0;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')   
  14. else  
  15.  document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')   
  16.     
  17. </script>  

./layouts/xxxx/leftFrame/frame_Left.js

view plaincopy to clipboardprint?

  1. var curpos=10   
  2.      
  3. var curcanvas="canvas0"  
  4. var curimageindex=0   
  5. var nextimageindex=1   
  6. var fadeimages=new Array()   
  7. var slideshow_width=247 // image width   
  8. var slideshow_height=207 // image height   
  9. var pause=2500 // speed (3000=3 seconds)   
  10. // image list   
  11. fadeimages[0]="./main_02.jpg"  
  12. fadeimages[1]="./main_03.jpg"  
  13. fadeimages[2]="./main_04.jpg"  
  14. fadeimages[3]="./main_05.jpg"  
  15. fadeimages[4]="./main_06.jpg"  
  16. fadeimages[5]="./main_07.jpg"  
  17. fadeimages[6]="./main_08.jpg"  
  18. fadeimages[7]="./main_09.jpg"  
  19. fadeimages[8]="./main_10.jpg"  
  20. fadeimages[9]="./main_11.jpg"  
  21. fadeimages[10]="./main_12.jpg"  
  22. fadeimages[11]="./main_01.jpg"  
  23. var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1   
  24. var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1   
  25. function fadepic(){   
  26.  if (curpos<100){   
  27.   curpos+=10   
  28.   if (tempobj.filters)   
  29.   tempobj.filters.alpha.opacity=curpos   
  30.   else if (tempobj.style.MozOpacity)   
  31.   tempobj.style.MozOpacity=curpos/100   
  32.  }   
  33.  else{   
  34.   clearInterval(dropslide)   
  35.   nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"  
  36.   tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)   
  37.   tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'  
  38.   nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0   
  39.   setTimeout("rotateimage()",pause)   
  40.  }   
  41. }   
  42.        
  43. function rotateimage(){   
  44.  if (ie4||dom){   
  45.   resetit(curcanvas)   
  46.   var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)   
  47.   crossobj.style.zIndex++   
  48.   var temp='setInterval("fadepic()",50)'  
  49.   dropslide=eval(temp)   
  50.   curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"  
  51.  }   
  52.  else  
  53.   document.images.defaultslide.src=fadeimages[curimageindex]   
  54.  curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0   
  55. }   
  56. function resetit(what){   
  57.   
  58.  curpos=10   
  59.  var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)   
  60.  if (crossobj.filters)   
  61.   crossobj.filters.alpha.opacity=curpos   
  62.  else if (crossobj.style.MozOpacity)   
  63.   crossobj.style.MozOpacity=curpos/100   
  64. }   
  65. function startit(){   
  66.  var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)   
  67.  crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'  
  68.  rotateimage()   
  69. }   
  70. if (ie4||dom)   
  71.  window.onload=startit   
  72. else  
  73.  setInterval("rotateimage()",pause)  



fadeimages[] 에 있는 부분이 이미지 파일들입니다.
이미지는
./layouts/xxxx/leftFrame/ 하위에 집어 넣으시면 됩니다.