首先列表頁上的圖片顯示： ~~~ <volist name="post.content" id="pic"> <a rel="gallery-{$post_k}" href="{$pic.path}" class="swipebox pic"> <img src="{$pic.path}" alt="{$pic.alt}" width="617"> </a> </volist> ~~~ 然后 script block中引入資源和js綁定： ~~~ <block name="script"> <script type="text/javascript" src="__BOWER__/audiojs/audiojs/audio.min.js"></script> <script src="__STATIC__/swipebox/js/jquery.swipebox.js"></script> <link rel="stylesheet" href="__STATIC__/swipebox/css/swipebox.css"> <script type="text/javascript"> $(function(){ var single = audiojs; single.events.ready(function() { var a1 = single.createAll('', $('.single audio')); }); //圖片燈箱 $( '.swipebox' ).swipebox(); }) </script> </block> ~~~ 這樣，列表里圖片文章中的多圖就轉換為幻燈片了。  點擊后：  方向鍵 <-、-> 左右切換上一張和下一章，ese退出。 方便欣賞多圖。