fadein 효과를 사용한 2번째 예제입니다.
<ul id="scroll">
<li id="main_img_img0" style="position:absolute;z-index:10;top:0px;left:0;width:100%;"><img src="images/common/visual1.jpg" title="" alt=""></li>
<li id="main_img_img2" style="position:absolute;z-index:11;top:0px;left:0;width:100%;display:none;"><img src="images/common/visual2.jpg" title="" alt=""></li>
<li id="main_img_img3" style="position:absolute;z-index:11;top:0px;left:0;width:100%;display:none;"><img src="images/common/visual3.jpg" title="" alt=""></li>
</ul>
<script type="text/javascript">
//<![CDATA[
var s = null;
var j = 1;
var times = 4000;
function TiVis(){
clearInterval(s);
ButtonClear();
if( j == 0 ){ $("#main_img_img0").css({zIndex : 13});$("#main_img_img2").hide(); $("#main_img_img_tab1").attr('src','images/common/main_img_on.gif');$("#main_img_img0").fadeIn(1000);}
if( j == 1 ){ $("#main_img_img0").css({zIndex : 10});$("#main_img_img0").hide(); $("#main_img_img3").hide(); $("#main_img_img_tab2").attr('src','images/common/main_img_on.gif');$("#main_img_img2").fadeIn(1000);}
if( j == 2 ){ $("#main_img_img_tab3").attr('src','images/common/main_img_on.gif'); $("#main_img_img3").fadeIn(1000); }
j++;
if(j==3) {
j=0;
}
s = setInterval( "TiVis()", times );
}
window.onload = function(){
/*$("#main_img_img0").css({zIndex : 10});
$("#main_img_img2").css({zIndex : 11});
$("#main_img_img3").css({zIndex : 12});*/
$("#main_img_img_tab1").css({cursor:'pointer'});
$("#main_img_img_tab2").css({cursor:'pointer'});
$("#main_img_img_tab3").css({cursor:'pointer'});
s = setInterval( "TiVis()", times );
}
function ButtonClear(){
$("#main_img_img_tab1").attr('src','images/common/main_img_off.gif');
$("#main_img_img_tab2").attr('src','images/common/main_img_off.gif');
$("#main_img_img_tab3").attr('src','images/common/main_img_off.gif');
}
$(document).ready(function(){
$(".number_tab img").click(function(){
j = Number($(this).val());
if( j == 1 ){ $("#main_img_img0").css({zIndex : 13});$("#main_img_img2").hide();}
if( j == 2 ){ $("#main_img_img0").css({zIndex : 10});$("#main_img_img0").hide(); $("#main_img_img3").hide();}
ButtonClear();
TiVis();
});
});
//]]>
</script>
댓글 4개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7830 | 9년 전 | 371 | ||
| 7829 |
|
9년 전 | 551 | |
| 7828 | 9년 전 | 482 | ||
| 7827 | 9년 전 | 371 | ||
| 7826 | 9년 전 | 376 | ||
| 7825 | 9년 전 | 429 | ||
| 7824 | 9년 전 | 415 | ||
| 7823 | 9년 전 | 319 | ||
| 7822 | 9년 전 | 315 | ||
| 7821 | 9년 전 | 261 | ||
| 7820 | 9년 전 | 314 | ||
| 7819 |
|
9년 전 | 715 | |
| 7818 | 10년 전 | 335 | ||
| 7817 | 10년 전 | 449 | ||
| 7816 | 10년 전 | 353 | ||
| 7815 | 10년 전 | 553 | ||
| 7814 | 10년 전 | 378 | ||
| 7813 | 10년 전 | 315 | ||
| 7812 | 10년 전 | 341 | ||
| 7811 | 10년 전 | 361 | ||
| 7810 | 10년 전 | 487 | ||
| 7809 | 10년 전 | 430 | ||
| 7808 | 10년 전 | 286 | ||
| 7807 | 10년 전 | 351 | ||
| 7806 |
프로그래머7
|
10년 전 | 1305 | |
| 7805 | 10년 전 | 1213 | ||
| 7804 |
zahir1312
|
10년 전 | 740 | |
| 7803 |
|
10년 전 | 1341 | |
| 7802 | 10년 전 | 397 | ||
| 7801 | 10년 전 | 825 | ||
| 7800 | 10년 전 | 1038 | ||
| 7799 | 10년 전 | 497 | ||
| 7798 | 10년 전 | 446 | ||
| 7797 | 10년 전 | 446 | ||
| 7796 | 10년 전 | 298 | ||
| 7795 | 10년 전 | 451 | ||
| 7794 | 10년 전 | 477 | ||
| 7793 | 10년 전 | 992 | ||
| 7792 | 10년 전 | 401 | ||
| 7791 | 10년 전 | 484 | ||
| 7790 | 10년 전 | 448 | ||
| 7789 |
fbastore
|
10년 전 | 1391 | |
| 7788 | 10년 전 | 483 | ||
| 7787 | 10년 전 | 347 | ||
| 7786 | 10년 전 | 500 | ||
| 7785 | 10년 전 | 516 | ||
| 7784 | 10년 전 | 584 | ||
| 7783 | 10년 전 | 386 | ||
| 7782 | 10년 전 | 442 | ||
| 7781 | 10년 전 | 842 | ||
| 7780 | 10년 전 | 775 | ||
| 7779 | 10년 전 | 745 | ||
| 7778 | 10년 전 | 315 | ||
| 7777 | 10년 전 | 391 | ||
| 7776 | 10년 전 | 400 | ||
| 7775 | 10년 전 | 336 | ||
| 7774 | 10년 전 | 597 | ||
| 7773 | 10년 전 | 320 | ||
| 7772 | 10년 전 | 660 | ||
| 7771 | 10년 전 | 326 | ||
| 7770 | 10년 전 | 608 | ||
| 7769 | 10년 전 | 324 | ||
| 7768 | 10년 전 | 545 | ||
| 7767 | 10년 전 | 1115 | ||
| 7766 | 10년 전 | 439 | ||
| 7765 | 10년 전 | 468 | ||
| 7764 |
잘살아보자
|
10년 전 | 323 | |
| 7763 |
|
10년 전 | 1395 | |
| 7762 |
Tosea
|
10년 전 | 1016 | |
| 7761 | 10년 전 | 611 | ||
| 7760 |
잘살아보자
|
10년 전 | 592 | |
| 7759 |
잘살아보자
|
10년 전 | 406 | |
| 7758 |
잘살아보자
|
10년 전 | 525 | |
| 7757 | 10년 전 | 1175 | ||
| 7756 |
ITBANK
|
10년 전 | 1216 | |
| 7755 | 10년 전 | 1893 | ||
| 7754 | 10년 전 | 990 | ||
| 7753 | 10년 전 | 840 | ||
| 7752 | 10년 전 | 1341 | ||
| 7751 |
잘살아보자
|
10년 전 | 468 | |
| 7750 |
잘살아보자
|
10년 전 | 434 | |
| 7749 |
잘살아보자
|
10년 전 | 432 | |
| 7748 |
잘살아보자
|
10년 전 | 418 | |
| 7747 |
잘살아보자
|
10년 전 | 504 | |
| 7746 |
잘살아보자
|
10년 전 | 622 | |
| 7745 |
잘살아보자
|
10년 전 | 867 | |
| 7744 |
잘살아보자
|
10년 전 | 384 | |
| 7743 | 10년 전 | 912 | ||
| 7742 |
starbros
|
10년 전 | 784 | |
| 7741 |
잘살아보자
|
10년 전 | 594 | |
| 7740 |
잘살아보자
|
10년 전 | 474 | |
| 7739 |
잘살아보자
|
10년 전 | 430 | |
| 7738 |
잘살아보자
|
10년 전 | 485 | |
| 7737 |
잘살아보자
|
10년 전 | 439 | |
| 7736 |
잘살아보자
|
10년 전 | 465 | |
| 7735 |
잘살아보자
|
10년 전 | 800 | |
| 7734 |
잘살아보자
|
10년 전 | 389 | |
| 7733 |
잘살아보자
|
10년 전 | 490 | |
| 7732 |
잘살아보자
|
10년 전 | 643 | |
| 7731 |
잘살아보자
|
10년 전 | 568 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기