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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6030 | 12년 전 | 2827 | ||
| 6029 | 12년 전 | 2851 | ||
| 6028 | 12년 전 | 1475 | ||
| 6027 | 12년 전 | 896 | ||
| 6026 |
kiplayer
|
12년 전 | 807 | |
| 6025 | 12년 전 | 609 | ||
| 6024 | 12년 전 | 2819 | ||
| 6023 | 12년 전 | 2956 | ||
| 6022 |
|
12년 전 | 2112 | |
| 6021 |
Holyreign
|
12년 전 | 1341 | |
| 6020 | 12년 전 | 790 | ||
| 6019 | 12년 전 | 2864 | ||
| 6018 | 12년 전 | 3196 | ||
| 6017 | 12년 전 | 1243 | ||
| 6016 |
kiplayer
|
12년 전 | 10581 | |
| 6015 |
itlang
|
12년 전 | 1425 | |
| 6014 | 12년 전 | 429 | ||
| 6013 |
senseme
|
12년 전 | 1365 | |
| 6012 | 12년 전 | 3115 | ||
| 6011 | 12년 전 | 7132 | ||
| 6010 | 12년 전 | 8967 | ||
| 6009 | 12년 전 | 2873 | ||
| 6008 | 12년 전 | 2993 | ||
| 6007 | 12년 전 | 6678 | ||
| 6006 | 12년 전 | 10519 | ||
| 6005 | 12년 전 | 4055 | ||
| 6004 |
|
12년 전 | 586 | |
| 6003 | 12년 전 | 890 | ||
| 6002 | 12년 전 | 2355 | ||
| 6001 | 12년 전 | 689 | ||
| 6000 |
kiplayer
|
12년 전 | 3743 | |
| 5999 | 12년 전 | 441 | ||
| 5998 |
|
12년 전 | 2946 | |
| 5997 |
|
12년 전 | 3445 | |
| 5996 | 12년 전 | 2099 | ||
| 5995 |
kiplayer
|
12년 전 | 2175 | |
| 5994 |
|
12년 전 | 3272 | |
| 5993 |
windowhan
|
12년 전 | 680 | |
| 5992 | 12년 전 | 2905 | ||
| 5991 | 12년 전 | 5240 | ||
| 5990 | 12년 전 | 1643 | ||
| 5989 |
AMDbest
|
12년 전 | 1355 | |
| 5988 | 12년 전 | 1221 | ||
| 5987 |
kiplayer
|
12년 전 | 1137 | |
| 5986 |
한번잘해보자
|
12년 전 | 930 | |
| 5985 |
kiplayer
|
12년 전 | 3142 | |
| 5984 |
dsv421
|
12년 전 | 809 | |
| 5983 |
dsv421
|
12년 전 | 1509 | |
| 5982 |
dsv421
|
12년 전 | 5842 | |
| 5981 | 12년 전 | 3218 | ||
| 5980 |
MFBob
|
12년 전 | 2627 | |
| 5979 | 12년 전 | 3102 | ||
| 5978 |
AMDbest
|
12년 전 | 1461 | |
| 5977 | 12년 전 | 794 | ||
| 5976 | 12년 전 | 1212 | ||
| 5975 | 12년 전 | 1278 | ||
| 5974 | 12년 전 | 613 | ||
| 5973 |
kiplayer
|
12년 전 | 3553 | |
| 5972 |
kiplayer
|
12년 전 | 3978 | |
| 5971 |
kiplayer
|
12년 전 | 2302 | |
| 5970 |
kiplayer
|
12년 전 | 8294 | |
| 5969 |
kiplayer
|
12년 전 | 949 | |
| 5968 | 12년 전 | 8745 | ||
| 5967 |
|
12년 전 | 16905 | |
| 5966 | 12년 전 | 1232 | ||
| 5965 | 12년 전 | 710 | ||
| 5964 | 12년 전 | 6250 | ||
| 5963 | 12년 전 | 705 | ||
| 5962 | 12년 전 | 887 | ||
| 5961 | 12년 전 | 638 | ||
| 5960 | 12년 전 | 787 | ||
| 5959 |
|
12년 전 | 1124 | |
| 5958 | 12년 전 | 984 | ||
| 5957 |
웹디자인되고파
|
12년 전 | 1092 | |
| 5956 | 12년 전 | 3661 | ||
| 5955 | 12년 전 | 2143 | ||
| 5954 | 12년 전 | 4399 | ||
| 5953 | 12년 전 | 3092 | ||
| 5952 | 12년 전 | 4270 | ||
| 5951 | 12년 전 | 2080 | ||
| 5950 | 12년 전 | 1280 | ||
| 5949 | 12년 전 | 934 | ||
| 5948 | 12년 전 | 2081 | ||
| 5947 | 12년 전 | 5003 | ||
| 5946 |
dsv421
|
12년 전 | 1276 | |
| 5945 |
dsv421
|
12년 전 | 4123 | |
| 5944 |
dsv421
|
12년 전 | 5645 | |
| 5943 | 12년 전 | 1288 | ||
| 5942 | 12년 전 | 2542 | ||
| 5941 |
프로프리랜서
|
12년 전 | 1646 | |
| 5940 |
atria
|
12년 전 | 617 | |
| 5939 | 12년 전 | 2344 | ||
| 5938 | 12년 전 | 2085 | ||
| 5937 |
프로프리랜서
|
12년 전 | 772 | |
| 5936 |
프로프리랜서
|
12년 전 | 716 | |
| 5935 |
프로프리랜서
|
12년 전 | 3217 | |
| 5934 |
프로프리랜서
|
12년 전 | 1638 | |
| 5933 |
AMDbest
|
12년 전 | 657 | |
| 5932 |
AMDbest
|
12년 전 | 504 | |
| 5931 | 12년 전 | 8142 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기