이전 질문 게시판은 새 글 쓰기를 막았습니다. [질문 게시판]을 이용바랍니다.
Date |
2009/01/07 18:30:39 |
Name |
드래곤플라이 |
Subject |
프로그래밍 & 자바스크립트 질문있습니다. |
웹언어 php 이구요 , 모php 스쿨 도가보고 검색도 해보고 나름 짱구도 굴려봤습니다만...
자스 초보인저에겐 너무 어렵네요,
마우스 오버시 bordercolor 변화를 주었습니다.
현재 이미지가 setTimeout으로 5초마다 바뀌는데요
l______mainImg______l
img1 img2 img3 img4
이러식으로 메인 이미지를 부르고 밑에 4개의 서브이미지를 부릅니다
setTimeout 롤링이 될때 같이 밑에 이미지도 bordercolor가 파란색으로
변하는데요
문제는 자동으로 setTimeout 할때 보더들도 if(newBanner == iCnt) borderit(which,'#0000CD');
여기서 변하게 되는데 다른 이미지 마우스 오버시에 그 서브이미지의 테두리는 다시 복구가 되어야
하는데 파란색으로 멈추어 나타납니다.
그러니까 롤링되면서 나타내어지는 이미지의 테두리와
내가 마우스오버 했을때 나타나는 테두리 이렇게 동시에 2개가 나타나 버립니다. ㅜㅜ
clearTimeout 을 부를때
borderit(which,'#0000CD') 를 나타내주어야 할듯한데....
어떻게 해야하는지 몇시간째 고민이네요...
pgr 식구여러분 께 도움 청합니다.
function cycleBan(val) {
if(val == 't')
{
var totalBan = bannerImg.length;
if(!newBanner) newBanner = totalBan;
newBanner = newBanner % totalBan;
for(var iCnt=0; iCnt<totalBan; iCnt++){
var which = document.getElementById('img_'+iCnt+'s');
if(newBanner == iCnt) borderit(which,'#0000CD');
else borderit(which,'#F2F2F2');
}
if(btime) cycleTime();
}
else{
if(btime) clearTimeout(timer);
newBanner = val;
}
document.getElementById('img_1').src=bannerImg[newBanner];
document.getElementById('title_div').innerHTML = bannerText[newBanner];
newBanner++;
}
function borderit(which,color){
if (document.all||document.getElementById){
which.style.borderColor=color;
}
}
function cycleTime() {
if(btime){
var script_time = 5*1000;
if(start){
script_time = 0;
start = false;
}
timer = setTimeout('cycleBan(\"t\")', script_time); //1*1000은 1초 (시간지정)
}
}
window.onload=cycleTime;
이미지 마우스 오버시 일때입니다. onMouseover=\"borderit(this,'#0000CD')\" onMouseout=\"borderit(this,'#F2F2F2')\"
|
통합규정 1.3 이용안내 인용
"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
|