更改Highslide Iframe的演示文稿

我現在正在試驗Highslide，目前印象非常深刻。更改Highslide Iframe的演示文稿

我已經能夠自定義畫廊到我想要的，但我有一個iframe的運氣不多。彈出窗口的右上角會出現一個帶有「關閉」鏈接的標題，右下角還有一個調整大小圖標。

我可以

.highslide-header { 
display: none; 
} 
.highslide-footer { 
display: none; 
}

在CSS

刪除頁眉和頁腳，我能玩的CSS中的其他設置。但是我找不到將「關閉」鏈接放入頁腳的方法。（我想接近右下角。）

任何指導將受到感謝。

我的最終解決方案在EarlyOut的建議後，我仍然有問題。最終的解決方案是如上所述刪除頁眉和頁腳，然後將「關閉」鏈接放置在標題（這是一個特殊的自定義疊加層）中。額外的代碼在HTML這就要求只有一個點點，讓縮略圖的鏈接成爲

<a href="URL_of_the_target_file" onclick="return hs.htmlExpand(this, { 
     objectType: 'iframe', width: 665, 
     height: null })"></a> 
<div class='highslide-caption closer'> 
<a href="#" onclick="return hs.close(this)">CLOSE</a> 
</div>

我添加了「更接近」類，因爲它似乎格式化「關閉」鏈接的最簡單的方法。

來源

2013-05-03 TrapezeArtist

這個例子應該引導你朝着正確的方向發展。注意疊加定位，並添加CSS的「關閉」按鈕：

http://www.roadrash.no/hs-support/example-iframes-different-closebuttons.html

來源

2013-05-03 11:06:57 MisterNeutron

感謝EarlyOut。儘管如此，我還沒有完成。正如我所說，我可以完全刪除頭和頁腳與CSS。我無法找到的位是在標題中創建關閉鏈接的代碼的位置。如果我能找到，我想我可以把它移到頁腳。 – TrapezeArtist 2013-05-03 18:00:37

該演示頁面上的代碼完全正確。 hs.registerOverlay將按鈕（將「右上角」更改爲「右下角」），CSS類進行精確定位，並且close.png文件是標準Highslide分佈的一部分。關閉按鈕並未放置在頁眉或頁腳中 - 疊加層位於主擴展器框架本身上。 – MisterNeutron 2013-05-03 19:48:19

到達那裏！我現在唯一的問題是，新的「關閉」鏈接也出現在圖庫彈出窗口中，我不想要它。我在參考頁面找到了useOnHtml參數，但不幸的是，似乎沒有useOnHtmlButNotOnAnythingElse參數。 – TrapezeArtist 2013-05-03 22:02:57

更改Highslide Iframe的演示文稿

回答

相關問題