jquery 이미지 롤링

Posted by 비회원 프로그래밍/jQuery : 2012.06.13 10:26

 <style>
   ul {list-style-type:none;margin:0;padding:0;}
   li {margin:0;padding:0;}
   div.gallery_rolling .arrow_prev {position:relative;left:-80;width:15px;height:35px;cursor:pointer;z-index:1;}
   div.gallery_rolling .arrow_next {position:relative;left:1080px;width:15px;height:35px;cursor:pointer;z-index:1;}
   div.gallery_rolling div.carrousel_box {position:relative;top:0px;left:0px;overflow:hidden;width:434px;}
   div.gallery_rolling li {float:left; width:1200px; height:621px;}
  </style>
<script src="/pps/js/jquery.rolling.js" type="text/javascript"></script>
<script>
  jQuery(function($){
    $("div.gallery_rolling").gallery_rolling();
  });
  </script>
</head>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <!--jpmain_content1.2.3 회살표로 롤링-->
          <td width="1200" height="621">
   
    <DIV class=gallery_rolling>
      <SPAN class=arrow_prev><img src="/pps/images/leftbt.png" width="58" height="90"></SPAN>
    <SPAN class=arrow_next><img src="/pps/images/rightbt.png" width="58" height="90"></SPAN>
     <DIV class=carrousel_box>
      <UL>
     <LI>
       <DIV class=img_box><img src="/pps/images/jpmain_content1.jpg"  width="1200" height="621"> </DIV>
       </LI>
     <LI>
       <DIV class=img_box><img src="/pps/images/jpmain_content2.jpg"  width="1200" height="621"> </DIV>
       </LI>
     <LI>
       <DIV class=img_box><img src="/pps/images/jpmain_content3.jpg"  width="1200" height="621"> </DIV>
       </LI>
     </UL>
     </DIV>
    </DIV>
    </td>
        </tr>
      </table></td>
  </tr>
</table>

jquery-1.7.2.min.js

 

jquery.rolling.js

신고

댓글을 달아 주세요

 «이전 1 ··· 16 17 18 19 20 21 22 23 24 ··· 218  다음»