최근이미지 + jquery

교교 2014.03.21 21:31:59
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/jquery.banner.js"></script>
<script type="text/javascript">
<!--
$(function() {
$("#image_list_1").jQBanner({ //롤링을 할 영역의 ID 값
nWidth:600, //영역의 width
nHeight:150, //영역의 height
nCount:5, //돌아갈 이미지 개수
isActType:"up", //움직일 방향 (left, right, up, down)
nOrderNo:1, //초기 이미지
nDelay:4000 //롤링 시간 타임 (1000 = 1초)
/*isBtnType:"li"*/ //라벨(버튼 타입) - 여기는 안쓰임
}
);
$("#image_list_2").jQBanner({nWidth:300,nHeight:300,nCount:5,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:4000,isBtnType:"li"});
$("#image_list_3").jQBanner({nWidth:600,nHeight:150,nCount:5,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:3000,isBtnType:"img"});
});
//-->
</script>

<!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->

<!--@if($colorset=="normal"||!$colorset)-->
    <!--%import("css/normal.css")-->
<!--@end-->

<div class="ni_box">

    <!--@if(count($widget_info->document_list))-->
        <table class="thumbnail_box">
        {@ $count = 0; }

        <tr valign="top">
          
                {@ $oDocument = $widget_info->document_list[$i*$widget_info->cols_list_count + $j]}
            <td>


<div id="image_list_2">
<div class="clsBannerScreen">
<block cond="$oDocument->getUploadedFiles()">
     {@ $uploaded_list = $oDocument->getUploadedFiles();$i=0;}
     <block loop="$uploaded_list => $key,$file">
<div class="images"> <img src="{getUrl()}{$file->download_url}" width="200" height="200" alt="" 

          cond="$i<3&&preg_match('/(jpg|gif|jpge|png|bmp)$/',$file->source_filename)" /></div>

        {@ $i++}
    </block>
</block>
</div>



<block loop="$oDocument->getUploadedFiles()=>$key,$file">
<ul class="clsBannerButton" id="label_2">
<li overclass="labelOverClass" outclass=""><img src="{getUrl()}{$file->download_url}" width="150" height="100" alt="" /></li>
</ul> </block>     
</div>
         
               </td>


        </tr>

        </table>
    <!--@end-->
    <div class="clear"></div>
</div>