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

인자별 함수 중복 실행 방법

이미지를 롤링 시키는 함수를 만들었습니다.
한 페이지 내에 롤링 배너가 여럿 있어, 하나의 함수에 인자값만 변경하여 몇가지 형태의 롤링 함수를 제작하였는데
인자값이 서로 틀린 여러개의 이미지 롤링을 동시에 실행시킬 방법을 모르겠습니다.
 
함수 실행을 호출하면 마지막 것만 실행 됩니다.(중간 변수들도 전역, 지역 섞어 써서 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초 실행
<-- 배너 롤링 1 -->
<div id='banner1'>배너 이미지</div>
<-- 배너 롤링 2 -->
<div id='banner2'>배너 이미지</div>
<-- 배너 롤링 3 -->
<div id='banner3'>배너 이미지</div>
<-- 배너 롤링 4 -->
<div id='banner4'>배너 이미지</div>

댓글 작성

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

로그인하기

댓글 2개

겉으로는 문제가 없어 보이는데요
배너 롤링 스크립트 안에 내용이나 아마 변수가 중복이 되실수도 있습니다
저같은 경우는 각 스크롤에 필요한 변수는 클래스를 정의해서 쓰고 있습니다
클래스 정의하는 부분을 모르겠네요.. 어떻게 해야할지 난감합니다.

게시글 목록

번호 제목
24366
4041
16525
16524
16520
16518
16514
16504
16501
16498
30105
16490
16484
4037
16451
16449
30100
16441
26288
24362
16436
4036
16435
30099
16433
16431
16404
4026
16402
16397
4020
4006
30096
16396
16394
16392
3987
16391
16389
16383
3983
16377
16375
16370
16367
16363
30093
3977
16361
30089
16359
3974
16358
16357
16356
16354
16353
16352
16351
16350
16343
16342
16341
16340
16339
16338
16337
16334
3965
16333
3958
16331
16330
16329
3952
24357
16327
16325
16320
30082
16317
16316
3948
16314
16312
16307
16306
16304
16292
16291
16287
16283
16281
16277
16269
16266
16265
16259
16258
30078