<div id="OriginalPic">
              <div id="aPrev" class="CursorL" title="上一张"></div>
              <div id="aNext" class="CursorR" title="下一张"></div>


              <?php if ($imgurls) { foreach ($imgurls as $c) { ?>
              <p class="Hidden"><span class="SliderPicBorder FlRight"><img src="{dr_thumb($c.file, 200, 200)}" alt=""/></span><span class="Clearer"></span></p>
              <?php } } ?>
            </div>
          </div>
          <div class="HS15"></div>
          <div class="ThumbPicBorder"> <img src="{THEME_PATH}/skin/images/arrowl.jpg" id="btnPrev" class="FlLeft"/>
            <div class="pic">
              <div class="jCarouselLite FlLeft">
                <ul id="ThumbPic">

                  <?php if ($imgurls) { foreach ($imgurls as $c) { ?>
                  <li rel='[field:global name=autoindex/]'><img src="{dr_thumb($c.file, 200, 200)}" alt="{$c.description}"/></li>
                  <?php } } ?>

                </ul>
                <div class="Clearer"></div>
              </div>
            </div>
            <img src="{THEME_PATH}/skin/images/arrowr.jpg" id="btnNext" class="FlLeft"/>
            <div class="Clearer"></div>
          </div>
        </div>
        <!--组图结束--> 
        <script type="text/javascript">
//缩略图滚动事件
$(".jCarouselLite").jCarouselLite({
    btnNext: "#btnNext",
    btnPrev: "#btnPrev",
    scroll: 1,
    speed: 240,
    circular: false,
    visible: 5
});
</script> 
        <script type="text/javascript">
var currentImage;
var currentIndex = -1;

//显示大图(参数index从0开始计数)
function showImage(index){

    //更新当前图片页码
    $(".CounterCurrent").html(index + 1);

    //隐藏或显示向左向右鼠标手势
    var len = $('#OriginalPic img').length;
    if(index == len - 1){
        $("#aNext").hide();
    }else{
        $("#aNext").show();
    }

    if(index == 0){
        $("#aPrev").hide();
    }else{
        $("#aPrev").show();
    }

    //显示大图            
    if(index < $('#OriginalPic img').length){
        var indexImage = $('#OriginalPic p')[index];

        //隐藏当前的图
        if(currentImage){
            if(currentImage != indexImage){
                $(currentImage).css('z-index', 2);  
                $(currentImage).fadeOut(0,function(){
                    $(this).css({'display':'none','z-index':1})
                });
            }
        }

        //显示用户选择的图
        $(indexImage).show().css({'opacity': 0.4});
        $(indexImage).animate({opacity:1},{duration:200});

        //更新变量
        currentImage = indexImage;
        currentIndex = index;

        //移除并添加高亮
        $('#ThumbPic img').removeClass('active');
        $($('#ThumbPic img')[index]).addClass('active');

        //设置向左向右鼠标手势区域的高度                        
        //var tempHeight = $($('#OriginalPic img')[index]).height();
        //$('#aPrev').height(tempHeight);
        //$('#aNext').height(tempHeight);                        
    }
}

//下一张
function ShowNext(){
    var len = $('#OriginalPic img').length;
    var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
    showImage(next);
}

//上一张
function ShowPrep(){
    var len = $('#OriginalPic img').length;
    var next = currentIndex == 0 ? (len - 1) : currentIndex - 1;
    showImage(next);
}

//下一张事件
$("#aNext").click(function(){
    ShowNext();
    if($(".active").position().left >= 144 * 5){
        $("#btnNext").click();
    }
});

//上一张事件
$("#aPrev").click(function(){
    ShowPrep();
    if($(".active").position().left <= 144 * 5){
        $("#btnPrev").click();
    }
});

//初始化事件
$(".OriginalPicBorder").ready(function(){
    ShowNext();

    //绑定缩略图点击事件
    $('#ThumbPic li').bind('click',function(e){
        var count = $(this).attr('rel');
        showImage(parseInt(count) - 0);
    });
});
</script>

{php $my_key=0;} // 初始化计数变量从0开始
{循环标签开始 .........}
当前数值：{$my_key}
{php $my_key++;} // 累加计数变量, 写在【{/】之前
{/循环标签结束}

[field:global name=autoindex/]

<?php $my_key=0 if ($imgurls) { foreach ($imgurls as $c) { ?>
                  <li rel='$my_key'><img src="{dr_thumb($c.file, 200, 200)}" alt="{$c.description}"/></li>
                  <?php } } ?>

<?php $my_key=0; if ($imgurls) { foreach ($imgurls as $c) { $my_key++; ?>
                  <li rel='{$my_key}'><img src="{dr_thumb($c.file, 200, 200)}" alt="{$c.description}"/></li>
                  <?php } } ?>

<?php $my_key=0; if ($imgurls) { foreach ($imgurls as $c) { ?>
                  <li rel='{$my_key}'><img src="{dr_thumb($c.file, 200, 200)}" alt="{$c.description}"/></li>
                  <?php $my_key++;} } ?>