묻고답하기

<script language = "JavaScript">
<!--

// 이미지의 위치
var imgPosX = 10;
var imgPosY = 10;

// 시간 간격 (멈춰있는 초)
var pause = 3;

// 오버랩 빠르기 (클수록 빠름 - 100을 나누어 떨어질 수 있는 수가 좋음)
var multi = 4;

// 이미지 주소 (imgName1과 imgName2를 교대로 하고, 배열 첨자는 두번씩 씀)
var imgName1 = new Array();
var imgName2 = new Array();
        imgName1[0] = "images/intro1.jpg";
        imgName2[0] = "images/intro2.jpg";
        imgName1[1] = "images/intro3.jpg";
        imgName2[1] = "images/intro4.jpg";
        imgName1[2] = "images/intro5.jpg";
        imgName2[2] = "images/intro6.jpg";
        imgName1[3] = "images/intro7.jpg";
        imgName2[3] = "images/intro8.jpg";        // 홀수 개일 경우 마지막 그림을 빈 그림으로 해서 짝수개로 맞춰주세요.


var imgPreload1 = new Array();
    for (i = 0; i < imgName1.length; i++) {
            imgPreload1[i] = new Image();
            imgPreload1[i].src = imgName1[i];
    }
var imgPreload2 = new Array();
    for (i = 0; i < imgName2.length; i++) {
            imgPreload2[i] = new Image();
            imgPreload2[i].src = imgName2[i];
    }

var imgIndex1 = 0;
var imgIndex2 = imgName2.length - 1;
var step = 0;
var maxStep = 100 / multi;

function overlapStart()
{
        if (step++ < maxStep) {
                overlap1.filters.alpha.opacity = step * multi;
                var timer = setTimeout("overlapStart()", 0);
        }
        else {
                clearTimeout(timer);
                changeImage2();
                var timer = setTimeout("overlap1to2()", pause);
        }
}
function overlap1to2()
{
        if (step-- >= 0) {
                overlap1.filters.alpha.opacity = step * multi;
                overlap2.filters.alpha.opacity = (maxStep - step) * multi;
                var timer = setTimeout("overlap1to2()", 0);
        }
        else {
                clearTimeout(timer);
                changeImage1();
                var timer = setTimeout("overlap2to1()", pause);
        }
}
function overlap2to1()
{
        if (step++ < maxStep) {
                overlap1.filters.alpha.opacity = step * multi;
                overlap2.filters.alpha.opacity = (maxStep - step) * multi;
                var timer = setTimeout("overlap2to1()", 0);
        }
        else {
                clearTimeout(timer);
                changeImage2();
                var timer = setTimeout("overlap1to2()", pause);
        }
}
function changeImage1()
{
        imgIndex1++;
        if (imgIndex1 >= imgName1.length) {
                imgIndex1 = 0;
        }
        overlap1.innerHTML = "<img src='+ '+ '" + imgName1[imgIndex1] + "' border='0'>";
}
function changeImage2()
{
        imgIndex2++;
        if (imgIndex2 >= imgName2.length) {
                imgIndex2 = 0;
        }
        overlap2.innerHTML = "<img src='" + imgName2[imgIndex2] + "' border='0'+ '>";
}

function overlapImage()
{
        pause = pause * 1000;

        overlap1.style.posLeft = overlap2.style.posLeft = imgPosX;
        overlap1.style.posTop  = overlap2.style.posTop  = imgPosY;

        overlap1.innerHTML = "<img src='" + imgName1[imgIndex1] + "' border='0'>";
        overlap2.innerHTML = "<img src='" + imgName2[imgIndex2] + "' border='0'>";        

        overlapStart();
}

document.write('<div id="overlap1" style="position:absolute; filter:alpha(opacity=0);"></div>');
document.write('<div id="overlap2" style="position:absolute; filter:alpha(opacity=0);"></div>');

window.onload = overlapImage;

-->
</script>


위에 소스를 사용해서 플래쉬효과처럼 그림이 페이드 인 아웃 되게 만들어 주는 소스 인데요.
1024*768 에서 이미지 위치를 잡고 사용하면 잘 됩니다.
그런데 모니터 해상도를 더 고해상도로 올리면 원래 위치에서 다른곳으로 이동하여 이미지가 엉뚱한 위치에서 실행이 되는데요.
해상도의 변경유무에 상관없이 항상 가운데서 잘보이게 할수는 없는건가요?
나모에서 홈페이지를 만들고 있습니다.

홈피 주소는 http://www.meet3photo.com 입니다.

혹시 방법을 아시는분은 친절하신 설명이나 설명이 나와있는곳 링크좀 부탁 드릴게요..
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
지네진 iframe 설치방법에 대한 질문입니다. [1] 2007.08.10
노고산 mail 관련 질문 입니다. 꼭 바주십시요//^  
이재명 다음이나 네이버처럼 실시간 뉴스 만드는 방법이 궁금합니다.  
이영선 쇼핑몰 제작비에 관한 질문 ㅠㅠ [1] 2007.08.10
김소연 제로보드 연동 쇼핑몰 관련문의 입니다. [7] 2007.08.10
토우야 사랑비 BGM이 이상하게 작동합니다. [1] 2007.08.10
채영민 이미지에 딱 맞게 창을 뛰울려면 어떻게 해야 하나요?  
묘령 서버 2003설치시 질문(초보입니다ㅠㅠ)  
천하태평 주소 http://asdasdasd.com 으로 고정시키는 법좀 알려주세요 [2] 2007.08.10
천하태평 광고배너와 제로보트 포인트 연동 [1] 2007.08.10
천하태평 테이블과 이미지 빈틈없이 붙이기. [1] 2007.08.10
슬픈영혼 이미지에 링크걸기 -_-;; [2] 2007.08.10
김병진 target 에 관한 질문좀..  
이순신 웹서핑중 다운받은 멋진 인트로 fla파일에 덱스트를 제가원하는 덱스트로바꾸고싶은데요  
이순신 플래시고수님들 ~ fla 파일의 수정방법에관하여 [1] 2007.08.10
insideJS 홈페이지에 뜨는 공지사항 창에 대해서요  
전병철 급합니다...원프레임 질문드려요... [2] 2007.08.10
슬픈영혼 이미지 로딩에 관한 질문... [1] 2007.08.10
jooran 유동포워딩.  
강정구 홈페이지 버튼입니다.. 이게 무엇을 의미하는지요?  
배용국 배경음악 안멈추게 하려면??  
김강남 vbscript를 자바스크립트로 바꾸고 싶은데 이거 같은 경우는 어떻게 하나요?  
열라붕신덕꾸 랜덤으로 안나오는 배경음악 좀; [1] 2007.08.10
davira 즐겨찾기 소스에 관한 질문입니다. 꼭 부탁드립니다.ㅠㅠ  
정모아 스크롤바 따라다니는 메뉴에서요.  
최병관 홈페이지 처음주소로 다른 페이지가도 그대로 주소창이 똑같게 하려면? [1] 2007.08.10
송승한 모니터 해상도를 바꾸면...  
박형주 옥션에서 다른물품 보기 사진 아주 많이 나오게 하는거요!  
아린 페인트샵에서..  
f0key [ASP폼메일]CDO 및 DBMS(SQL)질문...--; [1] 2007.08.10