NextGEN Gallery的投影片播放加上連結

NextGEN的照片輪播特效,是透過imagerotator.swf這Flash檔案來製成投影片,它的隨機效果很炫很漂亮,可是有一個缺點,就是無法加入連結。但大部份的情況,我們會希望它能點選並跳至其它頁面…

正常代碼範例(圖片上押滑鼠右鍵,會發現是一Flash檔):

//[slideshow=相簿編號,圖片寬度,圖片高度]
[slideshow=1,344,250]

[slideshow=1,344,250]

修改後代碼範例(圖片是一連結,點選後回到首頁)

<div style="position:relative">
<div style="position:relative;z-index:0">[slideshow=2,344,250]</div>
<div style="position:absolute;z-index:1;top:0px;left:0px;cursor:hand"><a href="/"><img src="/wp-temp/fclick.gif" width="344" height="250" border="0" alt="fclick" /></a></div>
</div>
[slideshow=2,344,250]
fclick


修改備註說明:
1. 重點就是在Flash上增加一可點選的透明圖層,為什麼要這樣做?在google上搜尋Flash z-index就可以找到相關資料,不贅述

2. 用上了三個div,主要是定位問題,用以維持圖片位置不變

3. fclick.gif是透明圖片(請點選連結自行下載)

4. 有些資料說z-index可以設成-1,但經過測試,若設成-1,在firefox會看不到(也許是我div圖層寫法的問題)

5. 如果投影片不是要放在文章內容裡,而是想放在sidebar.php、header.php等的php檔案上,[slideshow=2,344,250]可改寫為<?php echo nggShowSlideshow(2,344,250); ?>

您可能也會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *