이미지를 롤링 시키는 함수를 만들었습니다.
한 페이지 내에 롤링 배너가 여럿 있어, 하나의 함수에 인자값만 변경하여 몇가지 형태의 롤링 함수를 제작하였는데
인자값이 서로 틀린 여러개의 이미지 롤링을 동시에 실행시킬 방법을 모르겠습니다.
함수 실행을 호출하면 마지막 것만 실행 됩니다.(중간 변수들도 전역, 지역 섞어 써서 2개 이상 bannerInit 함수를 호출하면 롤링 이미지의 순서와 시간 등이 뒤죽박죽 되어 버립니다.)
해결 방법이 없을지요?
아래는 구현 코드 레이아웃 입니다.
function bannerInit(idName, type, time){
배너 롤링 스크립트
}
배너 롤링 스크립트
}
// 실행
bannerInit('banner1', 2, 2000); //배너1, 타입2, 자동롤링시간 2초 실행
bannerInit('banner2', 1); //배너2, 타입1
bannerInit('banner3', 1, 2000); //배너3, 타입1, 자동롤링시간 2초 실행
bannerInit('banner4', 3, 5000); //배너4, 타입3, 자동롤링시간 5초 실행
bannerInit('banner1', 2, 2000); //배너1, 타입2, 자동롤링시간 2초 실행
bannerInit('banner2', 1); //배너2, 타입1
bannerInit('banner3', 1, 2000); //배너3, 타입1, 자동롤링시간 2초 실행
bannerInit('banner4', 3, 5000); //배너4, 타입3, 자동롤링시간 5초 실행
<-- 배너 롤링 1 -->
<div id='banner1'>배너 이미지</div>
<-- 배너 롤링 2 -->
<div id='banner2'>배너 이미지</div>
<-- 배너 롤링 3 -->
<div id='banner3'>배너 이미지</div>
<-- 배너 롤링 4 -->
<div id='banner4'>배너 이미지</div>
<div id='banner1'>배너 이미지</div>
<-- 배너 롤링 2 -->
<div id='banner2'>배너 이미지</div>
<-- 배너 롤링 3 -->
<div id='banner3'>배너 이미지</div>
<-- 배너 롤링 4 -->
<div id='banner4'>배너 이미지</div>
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 12333 |
JavaScript
한글만 되게 하는 자바스크립트 입니다.
|
| 12332 |
JavaScript
간단한 팝업창 중앙에 띄우기 입니다.
|
| 12331 |
JavaScript
2단계 드롭다운 레이어 메뉴 입니다.
|
| 12329 |
JavaScript
동적 막대그래프
1
|
| 12328 |
JavaScript
간단한 위로가기 자바스크립트 입니다.
|
| 12327 |
JavaScript
따라다니는 link 퀵메뉴 입니다.
|
| 12326 |
JavaScript
글씨의 색을 자동으로 변환시켜주는 자바스크립트 입니다.
|
| 12325 |
JavaScript
인스타그램 사진가져오기
|
| 12324 |
jQuery
checkedbox 컨트롤
|
| 12323 |
jQuery
radio 컨트롤
|
| 12322 |
jQuery
select box 컨트롤
|
| 12321 | |
| 12320 |
node.js
Node.js - 실시간 위치 추적 (2)
|
| 12319 | |
| 12318 |
JavaScript
특정 이메일 입력 금지및 이메일 유효성 검사하기 입니다.
|
| 12317 |
JavaScript
마우스 오버시 그림 변하게 하는 자바스크립트 입니다
|
| 12316 |
JavaScript
시작과 멈춤이 가능한 스크롤 텍스트 입니다.
|
| 12315 |
JavaScript
이미지 없이 라운딩 박스 + 보더 표현하기 입니다.
|
| 12314 |
JavaScript
Trim 함수 자바스크립트로 사용하기 입니다.
|
| 12313 |
JavaScript
실제 이미지 크기 알아내기 입니다.
|
| 12312 |
JavaScript
present 자바스크립트 입니다.
|
| 12311 |
JavaScript
이미지 미리 로딩시켜놓기 입니다.
|
| 12310 |
JavaScript
다각형 이미지슬라이드쇼 자바스크립트 입니다.
|
| 12309 |
JavaScript
가운데 정렬된 홈페이지에서 따라다니는 레이어 자바스크립트 입니다.
|
| 12308 |
JavaScript
클릭시 펼쳐지는 메뉴 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기