MEMO
최근이미지 + jquery
<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>

이 게시물을

댓글'1'

<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").jQBanner({nWidth:790,nHeight:550,nCount:6,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:400000000,isBtnType:"li"});
});
//-->
</script>

<div class="boardRead">

<div id="image_list">
<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="790" height="550" alt=""
          cond="$i<6&&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">
<div style="float:left; width:100% auto; margin-top:10px; padding:5px 5px 5px 0px;">
 <li overclass="labelOverClass" outclass=""><img src="{getUrl()}{$file->download_url}" width="125" height="90" alt="" /></li></div>
</ul> </block> 

 
</div>

    <div class="btnArea">
        <
!--@if($oDocument->isEditable())-->
  <a class="btn" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_modify}</a>
  <a class="btn" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_delete}</a>
        <!--@end-->
  <!--@if($module_info->default_style != 'blog' || ($module_info->default_style == 'blog' && Context::get('document_srl')))-->
        <span class="etc">
   <a class="btn" href="{getUrl('document_srl','')}"><!--@if($module_info->default_style != 'blog')-->{$lang->cmd_list}<!--@end-->
  
    </div>

</div>


 

이 댓글을

공유하기

SEARCH

MENU NAVIGATION