테스트 사이트 - 개발 중인 베타 버전입니다
SIR

다각형이미지슬라이드쇼(익스네츠)

CLUB
프로필 보기이 회원 글보기
 · 18년 전 · 1938
<HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 10 ▒ Slideshow ▒ mysesang.com ▒</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<!-- <body> onload="Carousel()" 넣으세요 -->
<BODY onload="Carousel()">
<!-- <body> 와 </body>사이에 붙여 넣으세요 -->

<script type="text/javascript">

// 아래 변수들을 설정 하세요
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 Carousel(){
if(document.getElementById){
for(i=0;i<Car_Image_Sources.length;i+=2){
C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
Car_Div=document.getElementById("Carousel");
for(i=0;i<C_HalfNo;i++){
CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
CW_I[i].style.position="absolute";
CW_I[i].style.top=0+"px";
CW_I[i].style.height=Car_Image_Height+"px";
if(Car_Border){
CW_I[i].style.borderStyle="solid";
CW_I[i].style.borderWidth=1+"px";
CW_I[i].style.borderColor=Car_Border_Color}
CW_I[i].src=Car_Image_Sources[2*i];
CW_I[i].lnk=Car_Image_Sources[2*i+1];
CW_I[i].onclick=C_LdLnk;
CW_I[i].onmouseover=C_Stp;
CW_I[i].onmouseout=C_Rstrt}
CarImages()}}

function CarImages(){
if(!C_Stppd){
C_TotalW=0;
for(i=0;i<C_HalfNo;i++){
C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
C_TotalW+=C_ClcW[i]}
C_LeftOffset=(C_MaxW-C_TotalW)/2;
for(i=0;i<C_HalfNo;i++){
CW_I[i].style.left=C_LeftOffset+"px";
CW_I[i].style.width=C_ClcW[i]+"px";
C_LeftOffset+=C_ClcW[i]}
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
if(Car_Direction){
CW_I[C_HalfNo]=CW_I[0];
for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
CW_I[0]=CW_I[C_HalfNo];
CW_I[0].src=Car_Image_Sources[C_CrImg];
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
setTimeout("CarImages()",50)}

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>


<!-- 아래의 방법으로 레이어와 이미지의 크기를 설정하세요 -->


<div id="Carousel" style="position:relative">
<img src="img/slide001.jpg" width="374" height="185">
</div>

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

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

-->

</BODY></HTML><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
10705
Linux LINUX 해킹당했을 때 대처요령 2
10698
기타 인물사진을 위한 다단계 리사이즈 6
10697
Flash 웹문서에 페이지 로딩중 효과 | SCRIPT
10693
JavaScript 플래쉬에서팝업창띄우기 3
10687
Flash 플래쉬 팁 여러가지 5
10683
기타 페이지 전체 가운데 정렬 margin: 0 auto; 3
10681
기타 /home에 있는 계정을 계정별로 따로 백업하는 스크립트 1
10680
기타 가상콘솔의 갯수 조절하여 메모리 절약하기
10677
기타 proftp 에서 사용자가 상위 폴더로 이동을 못하게... 2
10671
기타 아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 5
10670
JavaScript smtp로 메일보내기(102번 게시물과는 다른 방법)
10666
Flash 플래시로 웹페이지 만들면서 아주 중요한 팁!! 3
10664
JavaScript 아이프레임 자동으로 늘어나는 자바 스크립트. 1
10658
Flash 패치문제 하나의 js파일만 만들고 여러개의 플래쉬무비 해결하는 방법 5
10656
기타 samba서버에 한글이름으로 된 파일을 올리면, ssh 및 ftp에서 깨져 보일경우 1
10653
PHP 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 7 2
10652
정규표현식 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 6
10651
Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 5
10650
기타 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 4
10649
Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 3
10648
Flash 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 2
10646
MySQL 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 1 1
10645
Linux 리눅스 CD로 망가진 파일복구하기
10642
MySQL 25가지 sql 작성법 2
28809
HTML union top n 가져오기 1
10641
기타 SQL 서버 관리자가 알아야 할 11가지 유용한 팁
10638
JavaScript 이미지 테두리 없애기 스타일 시트 2
10637
기타 [Javascript] 레이어 스크립트 소스 | +JavaScript
10636
JavaScript window.open property | +JavaScript
10635
기타 자신 사이트 메일 주소 사용하기 체크박스 | +JavaScript
28808
HTML 주민번호 앞자리에서 뒷자리로 자동이동 | +JavaScript
10634
JavaScript 이메일 selectbox | +JavaScript
10632
JavaScript [Javascript] 끊기지 않는 배너 롤링 1
28807
HTML [자바스크립트] 오늘 날짜 함수
28806
HTML [자바스크립트] 라디오 버튼 비활성
10631
JavaScript [Javascript] id값 변수명으로 치환
10630
기타 [Javascript] 마우스 & 키보드 제한 스크립트
10629
기타 무단링크 금지 스크립트
28805
HTML 익스플로러 6의 이미지 도구모음(저장버튼 등) 뜨는 것 막기.
10627
JavaScript 상태바의 링크 주소 감추기 1
10626
기타 동영상 마우스 오른쪽 버튼 막기
10625
기타 shift, ctrl (쉬프트, 컨트롤)키 클릭하면 경고메세지 띄우기
28804
HTML 새로고침(F5), 전체창(F11) 막기
28803
HTML 프레임 소스보기 막기
10624
기타 마우스 오른쪽 버튼 클릭시 경고 메세지
10623
기타 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기
28802
HTML [Javascript] TEXTAREA에서 특정 문자열 선택 하기
10622
기타 팝업창 중앙에 위치 시키기
10620
PHP 본문에 주민등록번호가 포함되면 경고 1
10619
PHP 입력내용중의 일부만 보여주고 x 표시 할때
10618
기타 아파치 하고 연동될때 GET 방식 한글처리
10616
기타 CSS공부에 도움이되는 홈페지 추천합니다 1
10615
기타 제가 유용하게 쓰는 홈페이지 백업 방법(웹호스팅)
10613
Linux * Linux를 가볍게 사용 하고자 하는자 원추 * 1
10611
MySQL 서버 상태 값 주기적으로 메일로 발송하기 1
28799
HTML FODORA 에서 영문 LINUX 상태에서 한글 입력방법 2
10610
JavaScript 이미지도용막기
10608
기타 530 Must perform authentication before identifying USER. 1
28798
HTML 유용한 PHP성능 개선을 위한 팁
10604
JavaScript 작업창이 상단메뉴바까지 올라가서 옮길수 없을때.. 3
28794
HTML 포토샵 화면이 좁을경우.. 3
10602
기타 마우스 툴부분이 점선으로 나올때.. 1
10600
MySQL '2006-09-08 오전 12:20:23' 형식 datetime 으로 바꾸기 1
28793
HTML sql2005 fulltext PDF 검색
10596
Flash 웹에서 플래시파일 다운 받는 프로그램 입니다. 3
10595
JavaScript 리눅스 SendMail 속도 UP
10593
기타 폼 검증용 함수 1
28792
HTML 홈페이지 메인에 많이 사용되는 리스트 클래스
28791
HTML 홈페이지 카운터는 클래스 모드로 만들어 봤습니다.
28790
HTML 콤보박스 출력용 함수
10592
JavaScript 특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수
28789
HTML 파일업로드 클래스~~
28787
HTML 날짜비교 함수 1
10591
JavaScript 자주사용하는 자바스크립트를 클래스로 묶어봤습니다.
10590
기타 자동선택툴 강좌와 파일 열기 팁
10589
JavaScript nylon 을 이용해 리눅스에서 sock4/5 운영하기
28785
HTML PHP에서 특정 폴더를 못읽어 들인다고 할 경우 1
10588
JavaScript Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49
10587
기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 21-40
28783
HTML 테이블안에 있는 글 자동 정렬하기 1
10586
기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 1-20
28782
HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 61-65
10585
JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60
10574
PHP 그냥 호기심에 만들어본 대수 곱하기 10
10571
JavaScript 자신의 별자리 2
10570
JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50
28778
HTML Fedora Core FTP로 설치 3
10568
기타 UTF-8 CHARACTER SETS 1
10567
기타 Ajax강의- 첫번째 강의의 pdf중 발표문건 31-40
28777
HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 21-30
10564
기타 레이어안에 달력 2
10562
기타 일반적인 형태의 전체크기 윈도우 열기 1
10561
기타 채널모드로 윈도우 열기
28776
HTML 전체화면으로 페이지 열기
10559
JavaScript 여러가지 방법으로 창닫기 1
10558
기타 텍스트 상자에서 반복 하여 스크롤 됩니다
28775
HTML 이번에는 텍스트영역에서 메세지별로 타이핑 시킵니다
28774
HTML 텍스트 상자에서 메세지가 타이핑 됩니다
10557
JavaScript 가짜 카운터 달기
10556
기타 날짜를 2001/01/01 형식으로 보여주기
이전 다음
전체 목록