인자별 함수 중복 실행 방법
이미지를 롤링 시키는 함수를 만들었습니다.
한 페이지 내에 롤링 배너가 여럿 있어, 하나의 함수에 인자값만 변경하여 몇가지 형태의 롤링 함수를 제작하였는데
인자값이 서로 틀린 여러개의 이미지 롤링을 동시에 실행시킬 방법을 모르겠습니다.
함수 실행을 호출하면 마지막 것만 실행 됩니다.(중간 변수들도 전역, 지역 섞어 써서 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개
onlymilk74
13년 전
겉으로는 문제가 없어 보이는데요
배너 롤링 스크립트 안에 내용이나 아마 변수가 중복이 되실수도 있습니다
저같은 경우는 각 스크롤에 필요한 변수는 클래스를 정의해서 쓰고 있습니다
배너 롤링 스크립트 안에 내용이나 아마 변수가 중복이 되실수도 있습니다
저같은 경우는 각 스크롤에 필요한 변수는 클래스를 정의해서 쓰고 있습니다
13년 전
클래스 정의하는 부분을 모르겠네요.. 어떻게 해야할지 난감합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 16762 | |
| 16759 |
JavaScript
top.location.href= 에서 타켓 지정하는 방법은 어떻게 하나요>
2
|
| 16758 | |
| 16755 |
JavaScript
이동하는 글자
2
|
| 16752 |
JavaScript
자바스크립트 메뉴 문제입니다
2
|
| 16746 |
PHP
PHP 속도 향상 팁
5
|
| 16743 |
JavaScript
jQuery 드롭다운메뉴
2
|
| 30241 | |
| 16739 |
PHP
이게 잘못된건가요? ㅋ
3
|
| 16737 | |
| 16735 | |
| 16734 | |
| 16725 | |
| 16723 | |
| 16721 | |
| 16720 |
Linux
파일이나 프로그램 모니터링하기
|
| 30235 | |
| 16716 | |
| 30228 | |
| 16714 | |
| 30220 | |
| 30218 |
HTML
드림위버 롤오버요~
1
|
| 30210 |
HTML
요걸우째설명해야될지;;;
7
|
| 30206 |
HTML
li 가로정렬
3
|
| 4077 | |
| 16713 | |
| 16711 |
JavaScript
만화 권당 팝업드는방법 알려주세요
1
|
| 30190 | |
| 16710 |
jQuery
jQuery 입력박스 툴팁 소스
|
| 30188 | |
| 16707 |
jQuery
초보입니다... 도와주세요 ㅠㅠ
2
|
| 26290 |
기획서
사업진행스케쥴표
13
|
| 30182 | |
| 16701 |
MySQL
mysql select 질문점 굽신굽신
5
|
| 16698 |
JavaScript
고수님들 부탁드려요ㅠㅠㅠ 자바스크립트가 익스 6에선 먹히질 않습니다ㅠㅠㅠ
2
|
| 16691 |
Mobile
스마트폰에서 ip camera 영상 보는 방법
6
|
| 4074 | |
| 16687 |
jQuery
회원이 메뉴색 변경하는 소스 질문드립니다.
3
|
| 16685 |
Linux
SSH로 sql 패치 방법
1
|
| 4070 | |
| 16683 | |
| 30168 | |
| 16682 |
MySQL
MySQL For C API
|
| 30166 | |
| 16680 | |
| 16679 | |
| 16674 | |
| 16671 |
MySQL
mysql backup shell
2
|
| 16664 |
MySQL
cron backup shell
6
|
| 30156 |
HTML
css 로 레이아웃 컨트롤
9
|
| 16660 |
JavaScript
input박스 길이문제
3
|
| 16657 | |
| 24373 | |
| 16654 |
Linux
리눅스시스템 스와핑 줄이기
2
|
| 16653 |
PHP
페이지 개수를 정하고 싶어요
|
| 30150 | |
| 16652 | |
| 16649 |
JavaScript
인자별 함수 실행 part2
2
|
| 4066 | |
| 16647 | |
| 16646 |
MySQL
mysql5.0으로 업데이트했는데
|
| 16643 |
JavaScript
인자별 함수 중복 실행 방법
2
현재글
|
| 16637 |
JavaScript
파이어 폭스 호환성질문...;
5
|
| 16634 | |
| 30148 | |
| 16633 | |
| 16629 |
JavaScript
스트립트 오류좀 봐주세요 ㅠㅠ
3
|
| 16627 |
PHP
[수정]아파치 타임아웃
1
|
| 30138 | |
| 16624 | |
| 16622 | |
| 16619 |
MySQL
애왜안될까요;;;
2
|
| 16618 |
Linux
저거 뭘까요?
|
| 30135 | |
| 30128 | |
| 16615 |
MySQL
이런젠장 값전달이 안되네요
2
|
| 30109 | |
| 16613 | |
| 16611 | |
| 16606 | |
| 16605 | |
| 16604 |
JavaScript
스크립트한번만봐주세요 ㅠ
|
| 16599 |
MySQL
mysql 속도 문제..
4
|
| 16594 | |
| 16593 | |
| 16589 | |
| 16587 | |
| 16572 | |
| 4047 | |
| 16566 | |
| 30107 | |
| 16564 | |
| 16561 | |
| 16558 |
MySQL
콤마 어떻게 찍는지 좀 가르쳐 주세요.
2
|
| 16557 | |
| 16552 | |
| 16548 | |
| 16546 | |
| 16543 |
JavaScript
고수님들 중 이런 에러 보신적 있으신가요?
2
|
| 16526 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기