« 上一篇 | 下一篇»

測試 Highslide JS

10 十一月, 2013 01:27 •  (0) 迴響  •  引用(0)  •  1677 hit.  • 分類: 隨手寫寫 , LifeType   

 

測試看看 Highslide JS 放進 LifeType 的效果如何?

點擊圖片會放大,再按一次圖片回復,方向鍵顯示下一張照片。

美景,這裡海拔近800m DSC02210

Ready? Go.這時身上扛著車,一部一腳印呀!終於上來了!

__________________________________

★ 測試結果: 

Highslide JS 放進 LifeType 目前遇到個問題。

放進 header.template 的 Highslide JS 程式碼

<script type="text/javascript" src="{$url->getUrl("/highslide/highslide-with-gallery.js")}">
</script><script type="text/javascript" src="{$url->getUrl("/highslide/highslide.css")}"></script>


{literal}
<script type="text/javascript">

hs.graphicsDir = 'http://plog.hlps.tc.edu.tw/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;hs.dimmingOpacity = .75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});

</script>
{/literal}

 

其中有一段

hs.graphicsDir = 'http://plog.hlps.tc.edu.tw/highslide/graphics/';

應該是這裡 LifeType 無法解析吧!效果的背景圖,方向圖示都出不來,所以顯示出來的結果跟原本的有些不同。再試試看了!

創用 CC 授權條款
 
 
Related Posts Plugin for WordPress, Blogger...

0 Comments on "測試 Highslide JS"

 

發表迴響
 authimage

Google+ 迴響

*********