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

자바스크립트 문의요..

jasmin2
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 739
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
    <!--PG크로스브라우징필수내용 시작-->
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--PG크로스브라우징필수내용 끝-->
<title>기본 레이아웃</title>
    <!--@css(/layout/basic/css/common.css)--><!--해당 CSS는 쇼핑몰 전체 페이지에 영향을 줍니다. 삭제와 수정에 주의해주세요.-->
    <!--@css(/layout/basic/css/layout.css)-->
    <!-- 스마트디자인에서는 최신 JQuery가 내장되어있습니다. 추가로 호출하면 충돌이 생길 수 있습니다. -->
 <!--@js(/layout/basic/js/basic.js)-->
    <!--@js(/js/common.js)-->
<style type="text/css">
  /*reset*/
 body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,ol{list-style:none;}
img{border:0; vertical-align: top;}
li{float:left; }
#container{position:relative; margin-left:150px; margin-top:200px; width:1024px; height:399px;}
#mas{width:925px; height:265px; position:absolute; top:65px;left:55px; overflow:hidden;}
#gall {position: absolute; width:2000px; height:255px;top:0px;left:-10px; }
#gall li{float:left; width:235px; height:255px; cursor: pointer;}
#g_nav{position:absolute;left:430px;top:370px;float:left; width:151px;height:15px;}
#g_nav img{cursor:pointer;}
#g_nav li {width:13px; height:17px; margin-right:5px; background-image:url(/web/upload/scroll//web/upload/scroll/images/h_b2.gif) no-repeat; cursor:pointer;}
#pre{position: absolute; top:165px; left:10px; cursor: pointer;}
#nex{position:absolute; top:165px; left:985px; cursor:pointer;}
</style>
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
<script type="text/javascript" src="/web/upload/scroll/images/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
 
 $("#gall li:last").prependTo("#gall");
 //갤러리의 마지막 이미지를 갤러리안의 가장 앞으로 배치
 
 
 $("#gall").css("marginLeft","-230px");
 
 $("#pre").click(function(){//이전 이미지가 슬라이드된후 마지막 이미지를 갤러리안의 젤 앞으로 배치
  $("#gall").animate({
   marginLeft:"+=230px"},"slow","swing",function(){
    $("#gall li:last").prependTo("#gall");    
    $("#gall").css("marginLeft","-230px");
   });
   $("ul").css("listStyle","none");
      $("li").css("listStyle","none");  
  
 });
 
 $("#nex").click(function(){//다음 이미지가 슬라이드된후 젤앞의 이미지를 갤러리안의 젤 마지막으로 배치
  $("#gall").animate({
   marginLeft:"-=230px"},"slow","swing",function(){
    $("#gall li:first").appendTo("#gall");
    $("#gall").css("marginLeft","-230px");
   });
   $("ul").css("listStyle","none");
      $("li").css("listStyle","none");  
 });
})
</script>
</head>
<body id="main">
<div id="accNav">
    <p><a href="#contents">컨텐츠 바로가기</a></p>
</div>
<div id="wrap">
    <!--Header--><!--@import(/layout/basic/header.html)-->
    <hr class="layout" />
    <div id="container"> <img src="/web/upload/scroll/images/scroll_bg.jpg" />
    <div id="mas">
      <div id="gall">
        <ul>&nbsp;&nbsp;
          <li><img src="/web/upload/scroll/images/img1.jpg" onmouseover="this.src='/web/upload/scroll/images/img1_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img1.jpg'" /></li>
          <li><img src="/web/upload/scroll/images/img2.jpg" onmouseover="this.src='/web/upload/scroll/images/img2_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img2.jpg'" /></li>
          <li><img src="/web/upload/scroll/images/img3.jpg" onmouseover="this.src='/web/upload/scroll/images/img3_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img3.jpg'" /></li>
          <li><img src="/web/upload/scroll/images/img4.jpg" onmouseover="this.src='/web/upload/scroll/images/img4_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img4.jpg'" /></li>
    <li><img src="/web/upload/scroll/images/img5.jpg" onmouseover="this.src='/web/upload/scroll/images/img5_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img5.jpg'" /></li>
    <li><img src="/web/upload/scroll/images/img1.jpg" onmouseover="this.src='/web/upload/scroll/images/img1_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img1.jpg'" /></li>
          <li><img src="/web/upload/scroll/images/img2.jpg" onmouseover="this.src='/web/upload/scroll/images/img2_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img2.jpg'" /></li>
          <li><img src="/web/upload/scroll/images/img3.jpg" onmouseover="this.src='/web/upload/scroll/images/img3_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img3.jpg'" /></li>
          <li><img src="/web/upload/scroll/images/img4.jpg" onmouseover="this.src='/web/upload/scroll/images/img4_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img4.jpg'" /></li>
    <li><img src="/web/upload/scroll/images/img5.jpg" onmouseover="this.src='/web/upload/scroll/images/img5_over.jpg'" onmouseout="this.src='/web/upload/scroll/images/img5.jpg'" /></li>
        </ul>
      </div>
  </div>
  <div id="pre"><img src="/web/upload/scroll/images/left_bt.jpg" /></div>
  <div id="nex"><img src="/web/upload/scroll/images/right_bt.jpg" /></div>
</div>
 
밑의 소스는 생략했구요.
 
http://www.blancdecor.com  사이트 처럼 전광판의 이미지 5개가 시간차를 두고 왼쪽으로 한칸씩 움직이게 하고 싶은데
어떤 소스를 더 넣어야 하나요. 지금은 좌측 우측 버튼을 눌러야 이미지가 움직입니다.
목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
20841
도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - 주소검색
20840
도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - 인덱싱
20839
도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - Sphinx 설정
20838
도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - 데이터 입력
20835
도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - Sphinx 검색엔진 설치 2
20834
도로명주소 juso.sir.co.kr 도로명 주소 검색 시스템 구축 가이드 - 프롤로그
7057
캡챠 kcaptcha 에 대해서.. 2
19668
JavaScript 자바스크립트(4)
19667
PHP 자바스크립트(3)
19666
JavaScript 자바스크립트(2)
19665
JavaScript 자바스크립트(1)
19663
PHP 정규 표현식 1
19662
PHP 기타 함수
19661
PHP 수학 연산 함수
19660
PHP 파일 처리 함수(3)
19659
PHP 파일 처리 함수(2)
19658
PHP 날짜 및 시간 함수
19657
PHP 파일 처리 함수(1)
19656
PHP 문자열 함수(5)
19655
PHP 문자열 함수(4)
19654
PHP 문자열 함수(3)
19653
PHP 문자열 함수(2)
19652
PHP 문자열 함수(1)
19651
PHP 사용자 정의 함수(3)
19650
PHP 사용자 정의 함수(2)
19649
PHP 사용자 정의 함수(1)
19648
PHP 그 밖의 제어문
19647
PHP 반복 제어문(2)
19646
PHP 반복 제어문(1)
19645
PHP 조건 제어문(2)
19644
PHP 조건 제어문(1)
19643
PHP 비교 연산자, 논리 연산자
19642
PHP 산술 연산자, 대입 연산자
19641
PHP 폼(Form)을 통한 변수의 전달
19640
PHP 가변 변수
19639
PHP 정적 변수
19638
PHP 전역 변수
19637
PHP 배열 변수
19636
PHP 변수 사용법
7051
그누보드를 개발하시는분들은 어느 언어를 사용하시나요? 5
26561
SEO 검색엔진 상위리스트 올리기 11
19635
PHP PHP를 이용한 하루 한번 내사이트를 시작페이지로
19634
MySQL mysqlDB export 복원
27958
g5게시판 html소스가 전혀먹히지않고 에디터도 자동수정이되는데 어떻게하지요? 2
30952
CSS 모바일웹 폰트사이즈? px? em?
27955
NHN 의 널리에서 온라인 장애 체험관을 만들었네요. 2
19633
웹서버 프로그램을 백그라운드로 실행하는 법
19632
웹서버 리눅스 | 리눅스 파일 분할 법과 분할 압축/해제
19631
웹서버 리눅스에서 쉘상에 사용한 명령어 히스토리 확인하기
7048
서버dns회선속도랑,서버 회선속도를 측정하고 싶은대 이게 맞나요? 2
7033
이곳에 문의글 올려서 죄송해요..ㅠㅠ 상황이 다급해서요 14
19630
웹서버 crontab 사용 설명입니다.
7021
서버에 관련해서 여쭈어 볼려고합니다. 11
7018
이거 뭐가 잘못된거죠???? 모바일이요 2
27953
워드프레스 신입 개발자입니다 1
7015
날이 갈수록 꼼수만 찾게 됩니다. 2
27951
UI 만들어 보자!!!!!! 1
7011
정녕 작업해주실분이 안계시단 말씀이신가요. ㅠ 3
19628
기타 C언어를 이용한 웹 파싱 1 1
19627
웹서버 crontab을 이용한 지정된 시간에 ftp 실행하기
7010
영카트4 에서 영카트 5로 이전
27947
모바일에서 롤오버 기능을 사용하고싶을때 어떻게 하시나요? 3
7009
모바일 워터마크 출력
19626
웹서버 내 컴퓨터에 연결된 아이피 확인 하기
19625
기타 사내 아이피 충돌 알아내기
24635
YOUNG SAMSUNG에 올라와있던 쉽고 빠르고 세련된 PPT 작성법. 9
7005
프로토타입에 관해 도움부탁드립니다.. 3
27943
ie7을 벗어나니 사용하게 되는 스타일속성,값 3
7000
실행파일 만들기??? 4
19624
PHP 작성시간 대신 몇 분, 몇 시간, 몇 일 전인지 알려주게 하는 방법
6995
cafe24와 고도몰 외에 써보신 쇼핑몰 솔루션이 있으신가요~? 4
6992
그누보드에 hijack모듈을 올렸는데 이게 잘하는 것일까 의문이.. 2
30949
HTML html5 멋진 사이트 1곳 2
30948
CSS overflow 속성
19623
기타 리눅스 문자열 찾기/바꾸기
19620
기타 vi 에디터 창나누기 기술~ 2
19619
웹서버 nslookup으로 dns 상태 알아보기
6990
ckeditor 와 ckfinder 라이센스가 유료인가요? 1
6986
php으로 tv에 정보 출력 가능한가요?? 3
27940
ftp서버에 그누보드 설치시 2
30947
CSS border 속성에도 기본값이라는게 있습니다.
30945
CSS position:fixed 에 대한 것입니다. 1
19618
PHP 접속 기종이 무엇인지 알려주는 함수
19617
기타 vpn과 프락시에 대한 정보
19616
웹서버 wget에 대한 팁
19615
웹서버 현재 개발되어 있는 포트번호를 확인하는 명령
19614
웹서버 IP 주소​를 사용하고 있는 사용자의 컴퓨터 이름과 그룹 정보를 제공하여 추적이 가능한 환경을 제공한다
19613
기타 1원짜리 팁 아이피 확인하기
19612
웹서버 ping 서버와 연결 상태 확인
19610
웹서버 tracert 네트워크 경로 확인 1
30943
HTML DNS 미리 뚫고 페이지 속도 빠르게 하기 1
30942
CSS CSS : box-shadow, 박스 쉐도우(그림자) [펌]
19609
JavaScript GET,POST값 등을 JAVASCRIPT에서 사용할 경우[펌]
19608
기타 깔끔한 jquery+css 탭 메뉴입니다.
19607
MySQL 특정 폴더에서 PHP 실행 금지하기[펌]
24631
기획자 분들 안녕하세요!! 3
27935
a태그에 pdf또는 jpg로 경로를 걸면 브라우저에서 열리네요 ㅠ 4
27933
jquery 사용안된 사이트 jquery 로 적용하기? 1
24628
기획자는 최선보다 올바른 선택을 해야 한다 [출처] 기획자는 최선보다 올바른 선택을 해야 한다. (WWW를 만드는 사람들) |작성자 당근대장 2
19604
기타 [펌] 보안 XSS 취약점 원천봉쇄 2
이전 다음
전체 목록