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

正常代碼範例（圖片上押滑鼠右鍵，會發現是一Flash檔）：

//[slideshow=相簿編號,圖片寬度,圖片高度]
[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>
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); ?>

 
  • Hemidemi
  • MyShare
  • Udn
  • funP
  • Furl