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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6230 |
senseme
|
12년 전 | 1052 | |
| 6229 |
senseme
|
12년 전 | 1070 | |
| 6228 | 12년 전 | 4434 | ||
| 6227 |
senseme
|
12년 전 | 1491 | |
| 6226 |
senseme
|
12년 전 | 1631 | |
| 6225 | 12년 전 | 5489 | ||
| 6224 | 12년 전 | 3263 | ||
| 6223 |
kiplayer
|
12년 전 | 2136 | |
| 6222 | 12년 전 | 1294 | ||
| 6221 | 12년 전 | 3482 | ||
| 6220 | 12년 전 | 2510 | ||
| 6219 | 12년 전 | 2222 | ||
| 6218 |
senseme
|
12년 전 | 1839 | |
| 6217 |
senseme
|
12년 전 | 1532 | |
| 6216 |
senseme
|
12년 전 | 1523 | |
| 6215 |
senseme
|
12년 전 | 1280 | |
| 6214 | 12년 전 | 2392 | ||
| 6213 |
senseme
|
12년 전 | 1667 | |
| 6212 |
senseme
|
12년 전 | 1342 | |
| 6211 |
senseme
|
12년 전 | 2427 | |
| 6210 |
senseme
|
12년 전 | 1600 | |
| 6209 | 12년 전 | 2214 | ||
| 6208 | 12년 전 | 3438 | ||
| 6207 | 12년 전 | 1220 | ||
| 6206 |
senseme
|
12년 전 | 2196 | |
| 6205 | 12년 전 | 1034 | ||
| 6204 |
kiplayer
|
12년 전 | 1525 | |
| 6203 |
senseme
|
12년 전 | 2110 | |
| 6202 |
senseme
|
12년 전 | 1749 | |
| 6201 |
senseme
|
12년 전 | 4557 | |
| 6200 |
senseme
|
12년 전 | 2655 | |
| 6199 |
senseme
|
12년 전 | 2826 | |
| 6198 |
senseme
|
12년 전 | 1226 | |
| 6197 |
senseme
|
12년 전 | 8540 | |
| 6196 |
senseme
|
12년 전 | 3330 | |
| 6195 | 12년 전 | 1430 | ||
| 6194 |
|
12년 전 | 1279 | |
| 6193 |
senseme
|
12년 전 | 2685 | |
| 6192 |
senseme
|
12년 전 | 5361 | |
| 6191 |
senseme
|
12년 전 | 3405 | |
| 6190 | 12년 전 | 1332 | ||
| 6189 | 12년 전 | 13489 | ||
| 6188 |
웹디자인되고파
|
12년 전 | 1200 | |
| 6187 | 12년 전 | 604 | ||
| 6186 | 12년 전 | 3919 | ||
| 6185 | 12년 전 | 1461 | ||
| 6184 | 12년 전 | 9367 | ||
| 6183 | 12년 전 | 775 | ||
| 6182 |
senseme
|
12년 전 | 1233 | |
| 6181 |
senseme
|
12년 전 | 3212 | |
| 6180 |
senseme
|
12년 전 | 841 | |
| 6179 |
senseme
|
12년 전 | 1759 | |
| 6178 | 12년 전 | 3631 | ||
| 6177 | 12년 전 | 1063 | ||
| 6176 | 12년 전 | 950 | ||
| 6175 |
senseme
|
12년 전 | 5295 | |
| 6174 |
senseme
|
12년 전 | 1421 | |
| 6173 |
senseme
|
12년 전 | 751 | |
| 6172 |
senseme
|
12년 전 | 2737 | |
| 6171 |
senseme
|
12년 전 | 2472 | |
| 6170 |
senseme
|
12년 전 | 1493 | |
| 6169 |
senseme
|
12년 전 | 2924 | |
| 6168 |
senseme
|
12년 전 | 6534 | |
| 6167 | 12년 전 | 2134 | ||
| 6166 | 12년 전 | 738 | ||
| 6165 |
페이지팩트
|
12년 전 | 1897 | |
| 6164 |
네오soft
|
12년 전 | 1852 | |
| 6163 |
|
12년 전 | 2606 | |
| 6162 | 12년 전 | 590 | ||
| 6161 |
|
12년 전 | 1687 | |
| 6160 | 12년 전 | 765 | ||
| 6159 | 12년 전 | 1775 | ||
| 6158 |
|
12년 전 | 2679 | |
| 6157 |
sa2pan
|
12년 전 | 1239 | |
| 6156 | 12년 전 | 3885 | ||
| 6155 | 12년 전 | 9960 | ||
| 6154 | 12년 전 | 1123 | ||
| 6153 | 12년 전 | 2450 | ||
| 6152 |
생각보다몸이앞서다
|
12년 전 | 2117 | |
| 6151 | 12년 전 | 2972 | ||
| 6150 |
kiplayer
|
12년 전 | 6000 | |
| 6149 |
|
12년 전 | 2639 | |
| 6148 | 12년 전 | 2961 | ||
| 6147 |
hwang007
|
12년 전 | 951 | |
| 6146 |
aqqasdf
|
12년 전 | 762 | |
| 6145 | 12년 전 | 1853 | ||
| 6144 | 12년 전 | 5859 | ||
| 6143 |
smwkd
|
12년 전 | 1457 | |
| 6142 | 12년 전 | 4694 | ||
| 6141 | 12년 전 | 928 | ||
| 6140 | 12년 전 | 4088 | ||
| 6139 | 12년 전 | 1234 | ||
| 6138 | 12년 전 | 1093 | ||
| 6137 |
SugarSkull
|
12년 전 | 1675 | |
| 6136 | 12년 전 | 1304 | ||
| 6135 |
한번잘해보자
|
12년 전 | 559 | |
| 6134 |
프리랜서개발자
|
12년 전 | 532 | |
| 6133 |
basaria
|
12년 전 | 20440 | |
| 6132 | 12년 전 | 501 | ||
| 6131 | 12년 전 | 1081 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기