JavaScript图片幻灯片播放器[转】

  1
  2<!-- 播放器 begin -->
  3<script type="text/javascript" src="imgplayer1.js"></script>
  4<script type="text/javascript" language="javascript">
  5            //内容部分
  6            ss = new slideshow("ss");
  7
  8            ss.prefetch = 1;
  9            
 10            ss.sizelmt = true;
 11            
 12            ss.repeat = true;
 13            
 14{dede:arclist row='10' titlelen='24' orderby='pubdate' att='3'}                                
 15s = new slide();
 16s.src = "[field:picname/]";
 17s.title = "[field:title/]";
 18s.link = "[field:arcurl/]";
 19s.con = "[field:info/]";
 20ss.add_slide(s);
 21{/dede:arclist}
 22
 23            for (var i=0; i < ss.slides.length; i++) {
 24            
 25                s = ss.slides;
 26            
 27                s.target = "_blank";
 28            
 29            }
 30            //--><!]]>
 31            </script>
 32            
 33            <!-- 图片播放器主体 begin -->
 34            <div id="ImgPlayer">
 35                <!-- 大图 begin -->
 36                <div id="ImgBlk">
 37                    <div id="ss_img_div"><a href="javascript:ss.hotlink();">{dede:arclist row='10' titlelen='24' orderby='pubdate' att='3' limit='0,1'}<img id="ss_img" style="filter:blendTrans(Duration=1);" width="450" height="300" src="[field:picname/]" alt="[field:title/]"/>{/dede:arclist}
 38</a></div>
 39                    <div id="ImgNum">
 40                        <!-- 数字 begin -->
 41                        <ul>
 42                            <li class="itemOff" id="imbtn0">1</li>
 43                            <li class="itemOff" id="imbtn1">2</li>
 44                            <li class="itemOff" id="imbtn2">3</li>
 45                            <li class="itemOff" id="imbtn3">4</li>
 46                            <li class="itemOff" id="imbtn4">5</li>
 47                            <li class="itemOff" id="imbtn5">6</li>
 48                            <li class="itemOff" id="imbtn6">7</li>
 49                            <li class="itemOff" id="imbtn7">8</li>
 50                            <li class="itemOff" id="imbtn8">9</li>
 51                            <li class="itemOff" id="imbtn9">10</li>
 52                        </ul>
 53                        <!-- 数字 end -->
 54                        <!-- 播放 begin -->
 55                        <div id="Play" style="display:none;">自动播放</div>
 56                        <!-- 播放 end -->
 57                        <!-- 暂停 begin -->
 58                        <div id="Pause">暂停播放</div>
 59                        <!-- 暂停 end -->
 60                    </div>
 61                </div>
 62                <!-- 大图 end -->
 63                <!-- 标题正文 begin -->
 64                <div id="TxtBlk">
 65                    <!-- 内容 begin -->
 66                    <div id="Txt">
 67                        <h2 id="tt">{dede:arclist titlelen='24' orderby='pubdate' att='3' limit='0,1'}[field:title/]{/dede:arclist}</h2>
 68                        <p id="con">{dede:arclist titlelen='24' orderby='pubdate' att='3' limit='0,1'}[field:info/]{/dede:arclist}</p>
 69                    </div>
 70                    <!-- 内容 end -->
 71                    <!-- 日期 begin -->
 72                    <div id="date_PN">
 73                        <div id="date">2008年8月8日 星期五</div>
 74                    </div>
 75                    <!-- 日期 end -->
 76                </div>
 77                <!-- 标题正文 end -->
 78            </div>
 79            <!-- 图片播放器主体 end -->
 80            <script type="text/javascript">
 81            <!--//--><![CDATA[//><!--
 82            ss.pre_update_hook = function() {
 83                sid = ss.current;
 84                title = ss.slides[sid].title;
 85                linkurl = ss.slides[sid].link;
 86                totals = ss.slides.length;
 87                scon = ss.slides[sid].con;
 88                tempid = parseInt(sid) + 1;
 89                document.getElementById("tt").innerHTML = '<a href="'+linkurl+'" target="_blank">'+title+'</a>';
 90                document.getElementById("con").innerHTML = scon;
 91                for (var i = 0;i < ss.slides.length;i++){
 92                    document.getElementById("imbtn"+i).className = "itemOff";
 93                }
 94                document.getElementById("imbtn"+sid).className = "itemOn";
 95             return;
 96            }
 97            if (document.images) {
 98                ss.image = document.images.ss_img;
 99                ss.update();
                ss.play();
            }
            //--><!]]>
            </script>

        <!-- 播放器  end -->

 

 示例文件：下载