회원가입∴아이디/비번찾기
홈으로


운.영.자.1대1.상담
스마트라디오(Smart Radio)
음악방송 앱 다운로드
E.Q. Christmas Tree
E.Q. 오디오 플레이어
가사검색
컴퓨터 오목
멀티 동영상 플레이어
실시간 TV보기
myTUBE MOVIE PLUS
DANCING GIRL
MODEL HOT MOVIES
스마트웹 에서 음악감상
K-POP 걸그룹 MV 2023
보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
플래쉬 갤러리 비슷한 자바스크립 갤러리
홈페이지홈페이지 19년 전
미리보기 : http://www.xtx.kr/tag/jabgel.html

<HTML>
<HEAD>
<TITLE>xtx.kr</TITLE>
<style type="text/css">
    .img  {position:absolute; border:gray solid 1px; cursor:pointer; width:0px; }
    .span {position:absolute; color:#ccc; font-family:verdana; font-size: 12px; width:200px;}
</style>
<script type="text/javascript">
<!--
window.onerror         = new Function("return true");
document.onselectstart = new Function("return false");
screen.bufferDepth     = 16;
O   = new Array();
box = 0;
img = 0;
txt = 0;
tit = 0;
W = 0;
H = 0;
nI = 0;
sel = 0;
si = 0;
//////////////////
ZOOM  = 7;
rImg  = 1.33;
speed = .1;
//////////////////
function dText(){
    txt.style.textAlign = tit.style.textAlign = (sel<nI/2)?"left":"right";
    txt.innerHTML = O[sel].tx;
    tit.innerHTML = O[sel].ti;
}
function CObj(n, s, x, tx, ti){
    this.n = n;
    this.dim = s;
    this.tx = tx;
    this.ti = ti;
    this.is = img[n].style;
    this.vz = 0;
    this.sx = 0;
    this.x0 = x;
    this.x1 = 0;
    this.zo = 0;
    this.clic = function() {
        with(this){
            if(n!=sel){
                O[sel].is.cursor = "pointer";
                O[n].is.cursor = "default";
                O[sel].dim = 100;
                O[n].dim = ZOOM * 100;
                sel = n;
                l = 0;
                for(k=0; k<nI; k++){
                    O[k].x0 = l;
                    l += O[k].dim;
                }
                txt.innerHTML = tit.innerHTML = "";
                setTimeout("dText()", 32);
            } else {
                // not implemented
            }
        }
    }
    this.anim = function () {
        with(this){
            vz  = speed*(vz+(x1-sx)*.5);
            x1 -= vz;
            sx  = (n==0)?0:O[n-1].x0+O[n-1].dim;
            zo -= (zo-dim)*speed;
            l   = Math.round((x1*si)+6*(n+1));
            w   = Math.round(zo*si);
            is.left   = l;
            is.top    = (H-w*rImg)*.5;
            is.width  = w;
            is.height = w*rImg;
            if(sel == n){
                if(sel<nI*.5)tit.style.left = txt.style.left = l+w+6;
                else tit.style.left = txt.style.left = l-(nx*.25)-6;
                txt.style.top = -(w*rImg)*.25;
                tit.style.top =  (w*rImg)*.33;
            }
        }
    }
}

function run(){
    for(j in O)O[j].anim();
    setTimeout("run()", 16);
}

function doResize(){
    tit.style.width = nx*.25;
    txt.style.width = nx*.25;
    tit.style.fontSize = (nx / 30) + "px";
    txt.style.fontSize = (nx / 70) + "px";
    with(box.style){
        width  = W;
        height = H;
        left   = nx / 2 - W / 2;
        top    = ny / 2 - H / 2;
    }
}

function resize(){
    nx = document.body.offsetWidth;
    ny = document.body.offsetHeight;
    W  =  nx * 90 / 100;
    si = (W-((nI+1)*6))/((ZOOM*100)+((nI-1)*100));
    H  = (100 * si * rImg) + 14;
    setTimeout("doResize()", 16);
}
onresize = resize;

onload = function(){
    box = document.getElementById("box");
    tit = document.getElementById("tit");
    txt = document.getElementById("txt");
    img = box.getElementsByTagName("img");
    nI  = img.length;
    resize();
    s = ZOOM * 100;
    x = 0;
    tit.innerHTML = img[0].title;
    txt.innerHTML = img[0].alt;
    for(i=0; i<nI; i++) {
        O[i] = new CObj(i, s, x, img[i].alt, img[i].title);
        img[i].alt = "";
        img[i].title = "";
        img[i].onmousedown = new Function("return false;");
        x += s;
        s = 100;
    }
    O[0].is.cursor = "default";
    setTimeout("box.style.visibility='visible';",100);
    run();
}
//-->
</script>
</head>
<body>

<div style="position:absolute;left:0;top:0;height:10%;width:100%;background:#fff"></div>
<div style="position:absolute;left:0;top:90%;height:10%;width:100%;background:#fff"></div>

<div id=box style="position:absolute; border:gray solid 1px;visibility:hidden;">
    <img class=img onclick="O[0].clic();" src="http://www.blueb.co.kr/SRC/javascript/image3/newborn.jpg" title="explain" alt="They explained a little about what they were doing.">
    <img class=img onclick="O[1].clic();" src="http://www.blueb.co.kr/SRC/javascript/image3/majesty.jpg" title="strain" alt="I hoped I wouldn´t crack under the strain.">
    <img class=img onclick="O[2].clic();" src="http://www.blueb.co.kr/SRC/javascript/image/img02.jpg" title="retain" alt="Clearly they were ready to do almost anything to retain their position.">
    <img class=img onclick="O[3].clic();" src="http://www.blueb.co.kr/SRC/javascript/image3/gazebo2k3.jpg" title="mundane" alt="I observed the face of power at its most mundane.">
    <img class=img onclick="O[4].clic();" src="http://www.blueb.co.kr/SRC/javascript/image3/pyre.jpg" title="inhumane" alt="But they couldn´t hide the very worst of their inhumane undertakings from the people.">
    <img class=img onclick="O[5].clic();" src="http://www.blueb.co.kr/SRC/javascript/image3/singularity.jpg" title="disdain" alt="They showed their utter, complete disdain for justice.">
    <img class=img onclick="O[6].clic();" src="http://www.blueb.co.kr/SRC/javascript/image3/spellcraft.jpg" title="never again" alt="Never more. Never again.">
    <span class=span id=txt></span>
    <span class=span id=tit></span>
</div>

<span class=span id=LB0 style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#FFFFFF;left:-50;top:-18">Loading...</span>
<span class=span  style="position:absolute;left:-50;top:-5;font-size:1px;width:100;height:10px;background:#333"><span id=LB1 style="position:absolute;left:0;top:0;font-size:1px;width:0;height:10px;background:#FFFFFF"></span></span></span>
<script>m00=document.getElementById("box").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
</body>
</html>
추천추천 : 279 추천 목록
번호 제목
292
 거미 한마리가 마우스를 계속 따라 다니면서 공격 합니다
291
 쿠키를 이용한 카운터
290
 쿠키를 이용한 주소록관리
289
 쿠키를 이용한 레이어 공지창(오늘하루 열지않음 기능을 레이어로)
288
 여러개의 테이블내용을 버튼클릭으로 확장 축소 합니다(쿠키로기억)
287
 사용자 PC에 MS Agent 관련 컨트롤이 설치되었는지 체크합니다.
286
 두번째 방문부터는 마지막 접속일을 알려 줍니다
285
 눈이 내리면서 차곡차곡 쌓입니다
284
 1주일에 한번만 북마크창을 띄웁니다
플래쉬 갤러리 비슷한 자바스크립 갤러리
282
 창크기조절
281
 키보드 마우스오른쪽 금지 이벤트
280
 키보드글씨가 그대로 화면에 나타나는 스크립트
279
 마우스커서 움직임으로 이미지목록 스크롤
278
 테이블선(지정위치)을 따라 이동하는 top
277
 주소자동으로 이동 시키기(포워딩)
276
 자바스크립트 단축키 지정을 쉽게하자
275
 홈피 만들때 자주 사용되는 메타태그 모음
274
 상위 셀렉트박스 값 변경시 하위셀렉트박스(다수)제어하기.
273
 미디어 플레이어에 여러가지 필터 효과 주기
272
 특정일로 부터 몇일째 인지 날짜세주는 PHP 소스
271
 날짜 구하는 함수.. ...
270
 홈페이지 TOP 버튼 만들기 + 응용
269
 팝업 띄우기 (SP2에서도)
268
 URL과 Email에 자동 링크만들기
267
 배경 음악을 한번만 실행 시키기 - 쿠키이용
266
 플래시 배경 투명하게 하기
265
 자동 창늘이기
264
 랜덤이미지..(자바스크립트)
263
 무심코 지나치기 쉬운 인푸트(input)폼에 대한 몇가지들....
목록
취소

(뮤직트로트 앱 설치)
스마트웹 무료음악
BEST TOP 200
트로트TV
뽕짝아가씨
가요 BEST
KPOP MV
오아시스
못잊을옛날노래
미스트롯&화밤
VOD&MV
실시간 IPTV
종합성인가요방
추천가요＼인기
추억의옛노래
BillBoard Free
WOLRD POPs
HIT BillBoard
POP TOP BEST
최신인기가요특집
트로트성인가요
인기가요
Billboard POP
경음악＼기타
HOT 최신가요
HOT 성인가요
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright ⓒ musictrot All rights reserved.