缩略图轮播

 <%--  全景图片--%>
        <script type="text/javascript">
            var n, interval;
            $(document).ready(function () {
                var $div_li = $("div .showSImgBox li");
                $div_li.click(function () {
                    var index = $div_li.index(this);
                    $(this).addClass("showCurrent").siblings().removeClass();
                    var src = $(".showSImgBox li img").eq(index).attr("src");
                    $(" div .showBImgBox img").attr("src", src).fadeIn(5000)
                });
                time(0);
            });
            var n, interval = null; 				//	n:指定 或 标记当前播放的图片
            function time(index) {
                n = index;
                if (interval == null) {
                    interval = setInterval("play()", 5000);
                }
            }
 
            function play() {
                var count = $(" .showSImgBox li").length;
                n++;
                if (n > count) {
                    n = 0;
                }
                $(".showSImgBox li").removeClass("showCurrent");
                $(".showSImgBox li").eq(n).addClass("showCurrent");
 
                var src = $(".showSImgBox li img").eq(n).attr("src");
                $("div .showBImgBox img").attr("src", src).fadeIn(5000);
            }
        </script>
        <div class="qjShowBox">
            <div class="showBImgBox">
                <img alt="" src="images/quanjing.jpg" />
                <%--    <img src="images/qjShowBimg00.jpg" />--%>
            </div>
            <div class="showSImgBox" id="showSImgBox">
                <ul>
                    <asp:Repeater runat="server" ID="rptquanjingsmall">
                        <ItemTemplate>
                            <li><a href="javascript:void(0)">
                                <img src="<%#globalVariables.FileDir+Eval("GlobalPicBig2") %>" alt="" width="181px"
                                    height="90px" /></a></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>