Book Cover Slider Gallery

新版的網頁預計放新書展示的功能。

使用 Google 輸入 Jquery Slider Gallery or Sliding box 的關鍵字後，馬上就可以找到不少非常漂亮的 Plugin 可以立即套用。例如 jQuery教學-SliderGallery滑動式相本特效應用、Elastislide 與 Cycle Plugin 的效果，就是這次我所需要的功能。

前端頁面的部份，我是採用 Elastislide Plugin 與 Cycle Plugin 來實作這次的功能。
Elastislide & Cycle 的使用方式，可以直接觀看官方網頁的文件，Elastislide Plugin 搞了比較久的地方在於，書本的封面要提供串連到館藏  WebPAC 的超連結的功能，這在官方的頁面並沒有提及如何實作點選超連結的做法，需要稍微改寫一下，腳本如下。

 <script type="text/javascript"> 
            $('#carousel').elastislide({
                imageW         : 80,
                minItems    : 1,
                border        : 0,
                onClick  :  function( $item ) {
                    window.location = $.myURL("index", $(this).attr("value"));
                }
            });
</script>

實作後的 DEMO 圖