시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > 이미지관련 > 이미지 슬라이드쇼 (쿠키저장) 상세정보
사이트등록
클라우드태그
javascript
PHP
CSS
HTML
ASP
API
jquery
MYSQL
image
mobile
slide
게시판
메뉴
현재접속자 28 새로고침
이미지 슬라이드쇼 (쿠키저장)
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 이미지관련
다운로드 횟수 1034 회
간단설명 이미지 슬라이드쇼 관련 스크립트이고, 쿠키저장이 되어서 기억합니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기

<html>
<head>
    <title>해패CGI</title>

<SCRIPT TYPE="text/javascript" SRC="js/slideshow_fade.js"></SCRIPT>

<SCRIPT TYPE="text/javascript">
<!--
ss = new slideshow("ss");

s = new slide();
s.src =  "image/01.jpg";
s.link = "image/01.jpg";
s.title = "꽃";
s.text = "벚꽃";
//s.target = "";
//s.attr = "";
//s.filter = "";
//s.timeout = "";
ss.add_slide(s);

s = new slide();
s.src =  "image/02.jpg";
s.link = "image/02.jpg";
s.title = "케익";
s.text = "드럽게 맛없는 케익.";
ss.add_slide(s);

s = new slide();
s.src =  "image/03.jpg";
s.link = "image/03.jpg";
s.title = "한강";
s.text = "유람선 타러 한강으로...광주 촌놈 유람선 타다.";
ss.add_slide(s);

s = new slide();
s.src =  "image/04.jpg";
s.link = "image/04.jpg";
s.title = "빌딩";
s.text = "여의도 신축 주상복합";
ss.add_slide(s);

s = new slide();
s.src =  "image/06.jpg";
s.link = "image/06.jpg";
s.title = "보트";
s.text = "장성댐으로 베스 낚시 가는 중";
ss.add_slide(s);


for (var i=0; i < ss.slides.length; i++) {
  s = ss.slides[i];
  s.target = "ss_popup";
  s.attr = "width=320,height=420,resizable=yes,scrollbars=yes";

}

//-->
</SCRIPT>
</HEAD>

<BODY ONLOAD="ss.restore_position('SS_POSITION');ss.update();" ONUNLOAD="ss.save_position('SS_POSITION');">
<center>
<DIV ID="slideshow">
    <Table width=400>
    <tr>
    <FORM ID="ss_form" NAME="ss_form" ACTION="" METHOD="GET">
    <td>
        <A ID="ss_start" HREF="javascript:ss.next();ss.play()">Slide Start</A> |
        <A ID="ss_stop" HREF="javascript:ss.pause()">Stop</A> |
        <A ID="ss_prev" HREF="javascript:ss.previous()">prev</A> |
        <A ID="ss_random" HREF="javascript:ss.goto_random_slide()">random</A> |
        <A ID="ss_next" HREF="javascript:ss.next()">next</A>
    </td>
    <td align=right>
        <SELECT ID="ss_select" NAME="ss_select" ONCHANGE="ss.goto_slide(this.selectedIndex)">
          <OPTION>Welcome to the slideshow!
          <OPTION>
          <OPTION>
          <OPTION>
          <OPTION>
        </SELECT>
    </td>
    </tr>
    <tr>
        <td colspan=2 style="border:1px #999999 solid;padding:25" align=center>
            <DIV ID="ss_img_div">
            <A ID="ss_img_link" HREF="javascript:ss.hotlink()"><IMG ID="ss_img" NAME="ss_img" border=0 STYLE="filter:progid:DXImageTransform.Microsoft.Fade();" ALT="Slideshow image"></A>
            </DIV>
        </td>
    <tr>
        <td align=center colspan=2>
            <DIV ID="ss_text">
                <b>
                <SCRIPT type="text/javascript">
                <!--
                ss.textarea = document.ss_form.ss_textarea;
                //-->
                </SCRIPT>
                </b>
            </DIV>
        </td>
    </tr>
    </FORM>
    </table>

</DIV>

<SCRIPT TYPE="text/javascript">
<!--
function config_ss_select() {
  var selectlist = document.ss_form.ss_select;
  selectlist.options.length = 0;
  for (var i = 0; i < ss.slides.length; i++) {
    selectlist.options[i] = new Option();
    selectlist.options[i].text = (i + 1) + '. ' + ss.slides[i].title;
  }
  selectlist.selectedIndex = ss.current;
}


ss.pre_update_hook = function() {
  return;
}

ss.post_update_hook = function() {
  document.ss_form.ss_select.selectedIndex = this.current;
  return;
}

if (document.images) {
  ss.image = document.images.ss_img;
  ss.textid = "ss_text";
  config_ss_select();
  ss.update();
}
//-->
</SCRIPT>


</BODY>
</HTML>


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 75608264 보이는 도배방지키를 입력하세요.