div 세로정렬이 화면 크기에 따라 맘대로 변경됩니다.
제이쿼리로 div 감싸서 이미지롤링 시키는데 화면 창 크기에 따라 배너이미지 세로위치가 변경됩니다.
새로고침하면 원래대로 돌아오기는 하는데 화면 창 크기를 변경시키면 다시 세로위치가 자기 멋대로 바뀝니다.
고수분들의 도움 구합니다.
사이트는 www.sjjgory.or.kr 입니다.
Copy
<?include_once("./_common.php");?><html><head><title>서전주영광교회</title><meta http-equiv="content-type" content="text/html; charset=euc-kr"><style>.clsBannerScreen {overflow: hidden; position:relative; height: 402px;width: 646px; border:1px solid #e1e1e1; cursor:pointer;}.clsBannerScreen .images {display:none; position:absolute; }ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }.clsBannerButton {width:600px;cursor:pointer; border-bottom:1px solid #e1e1e1;}.clsBannerButton li {width:100px;float:left; border-right:1px solid #e1e1e1;padding:2px;}.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}
.clsBannerButton li.labelOverClass {font-weight:bold;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script type="text/javascript" src="jquery.banner.js"></script><script type="text/javascript"><!--$(function() { $("#image_list_1").jQBanner({ //롤링을 할 영역의 ID 값 nWidth:646, //영역의 width nHeight:402, //영역의 height nCount:3, //돌아갈 이미지 개수 isActType:"left", //움직일 방향 (left, right, up, down) nOrderNo:1, //초기 이미지 nDelay:6000 //롤링 시간 타임 (1000 = 1초) /*isBtnType:"li"*/ //라벨(버튼 타입) - 여기는 안쓰임 } ); $("#image_list_2").jQBanner({nWidth:646,nHeight:150,nCount:3,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:6000,isBtnType:"li"}); $("#image_list_3").jQBanner({nWidth:646,nHeight:150,nCount:3,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:6000,isBtnType:"img"});});//--></script><meta name="generator" content="Namo WebEditor(Trial)"></head><body style="background-image:url(<?=$g4['path']?>/images/main_bg_01.jpg); background-repeat:repeat-x; margin:0;"><table cellpadding="0" cellspacing="0" width="100%" height="100%" align="center"> <tr> <td width="100%" height="26" align="center" valign="middle" background="<?=$g4['path']?>/images/main_tbar_bg.jpg"> <table width="600" height="26" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="600" height="26"></td> <td width="26" height="26"><a href="http://www.sjjglory.or.kr"><img src="<?=$g4['path']?>/images/bm1_01.jpg" width="26" height="26" border="0"></a></td> <td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td> <!--로그인 이전--> <? if (!$member['mb_id']) { ?> <td width="49" height="26"><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4['path']?>/images/bm2_01.jpg" width="49" height="26" border="0"></a></td> <td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td> <td width="52" height="26"><a href="<?=$g4['bbs_path']?>/register.php"><img src="<?=$g4['path']?>/images/bm3_01.jpg" width="52" height="26" border="0"></a></td> <td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td> <? } else { ?> <!--로그인 이후--> <td width="49" height="26"><a href="<?=$g4['bbs_path']?>/logout.php"><img src="<?=$g4['path']?>/images/bm2_02.jpg" width="49" height="26" border="0"></a></td> <td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td> <td width="52" height="26"><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="<?=$g4['path']?>/images/bm3_02.jpg" width="52" height="26" border="0"></a></td> <td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td> <? } ?> <td width="58" height="26"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=qna_1"><img src="<?=$g4['path']?>/images/bm4_01.jpg" width="58" height="26" border="0"></a></td> <td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td> <td width="68" height="26"><a href="<?=$g4['path']?>/site_01.php"><img src="<?=$g4['path']?>/images/bm5_01.jpg" width="68" height="26" border="0"></a></td> <td width="35" height="26"></td> </tr> </table> </td> </tr> <tr> <td width="100%" height="100%" align="center" valign="middle"> <table width="841" height="402" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="180" colspan="2"><a href="http://www.sjjglory.or.kr"><img src="<?=$g4['path']?>/images/main_logo_01.png" width="179" height="60" border="0"></a></td> <td width="15" height="402" rowspan="10"></td> <td width="646" height="402" rowspan="10" valign="middle"> <!--<img src="<?=$g4['path']?>/images/main_img_01.jpg" height="432" border="0" width="646">--> <div id="image_list_1" style="width:646px; height:402px: position:relative; border-width:0px;"> <div class="clsBannerScreen" style="position:absolute; left:0px; top:0px; border-width:0px;"> <div style="position:absolute; border-width:0px; display:block;"><a href="http://www.sjjglory.or.kr"><img src="images/main_img_01.jpg" border="0"></a></div> <div style="position:absolute; border-width:0px;"><a href="<?=$g4['path']?>/church_01.php"><img src="images/main_img_02.jpg" border="0"></a></div> <div style="position:absolute; border-width:0px;"><img src="images/main_img_03.jpg" border="0"></div> </div> </div> </td> </tr> <tr> <td width="32" height="5"></td> <td width="148" height="5"></td> <td width="15" height="5"></td> </tr> <tr> <td width="32" height="36"></td> <td width="148" height="36"><a href="<?=$g4['path']?>/church_01.php"><img src="<?=$g4['path']?>/images/main_menu_01a.png" width="148" height="36" border="0"></a></td> <td width="15" height="36"></td> </tr> <tr> <td width="32" height="36"></td> <td width="148" height="36"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=sermon_1"><img src="<?=$g4['path']?>/images/main_menu_02a.png" width="148" height="36" border="0"></a></td> <td width="15" height="36"></td> </tr> <tr> <td width="32" height="36"></td> <td width="148" height="36"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=column_1"><img src="<?=$g4['path']?>/images/main_menu_03a.png" width="148" height="36" border="0"></a></td> <td width="15" height="36"></td> </tr> <tr> <td width="32" height="2"></td> <td width="148" height="2"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=familly_1"><img src="<?=$g4['path']?>/images/main_menu_04a.png" width="148" height="36" border="0"></a></td> <td width="15" height="18"></td> </tr> <tr> <td width="32" height="35"></td> <td width="148" height="35"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=board_1"><img src="<?=$g4['path']?>/images/main_menu_05a.png" width="148" height="35" border="0"></a></td> <td width="15" height="35"></td> </tr> <tr> <td width="32" height="37"></td> <td width="148" height="37"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=photo_1"><img src="<?=$g4['path']?>/images/main_menu_06a.png" width="148" height="37" border="0"></a></td> <td width="15" height="37"></td> </tr> <tr> <td width="32" height="10"></td> <td width="148" height="10"></td> <td width="15" height="10"></td> </tr> <tr> <td width="32" height="103"> </td> <td width="148" height="103" valign="top"><img src="<?=$g4['path']?>/images/main_banner_01.png" width="148" height="103" border="0"></td> <td width="15" height="103"> </td> </tr> </table> </td> </tr> <tr> <td width="100%" height="62" valign="bottom" align="center"> <div align="center"><img src="<?=$g4['path']?>/images/bottom_info_01.jpg" width="838" height="62" border="0"> </div> </td> </tr></table></body>
</html>
|
답변 1개
2021-06-05 (토) 08:45:57
질문이 너무 오래되고 답변이 없어서, 필요하면 다시 질문해주세요.
답변을 작성하려면 로그인이 필요합니다.