全屏HTML5 jQuery的幻燈片隱藏縮略圖（純文本鏈接初始化幻燈片）

我已經長大真的很喜歡這個全屏HTML5/jQuery的幻燈片：全屏HTML5 jQuery的幻燈片隱藏縮略圖（純文本鏈接初始化幻燈片）

http://eikes.github.com/jquery.fullscreen.js/

與大多數燈箱/畫廊的幻燈片，一顯示一組縮略圖，並且用戶可以點擊其中的任何一個來開始幻燈片放映。該組縮略圖等於將在幻燈片中顯示的圖像數量。

是否有可能不顯示，在所有的縮略圖？我可以只顯示單個啓動幻燈片顯示的文字鏈接嗎？

Lightbox 2的標記看起來是這樣的：

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> 
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> 
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

它是類似於「jQuery HTML5 Fullscreen Slideshow」我前面提到的。它看起來像我可以很容易地通過將文本放在錨標記中，而不是顯示縮略圖的通常的img標記具有文本鏈接。

現在對於真正的問題：我可以隱藏其他兩個環節，只是顯示一個？這樣一個單一的鏈接顯示，但幻燈片仍然拉起三個圖像。我想通過在鏈接上放置display:none來使用css，但它似乎並不是正確的做法。還有其他的方式可以用CSS隱藏它，但我想也許會有更好的方式與JavaScript。不幸的是，我對JavaScript沒有這種經驗。

這是我的testing site運行jQuery HTML5 Fullscreen Slideshow。出於某種原因，它需要在錨標籤內的img初始化幻燈片。

來源

2012-05-13 davecave

您需要擴展當前的JavaScript。只顯示一個幻燈片隱藏別人與jQuery'css（）' –

所以我會添加CSS到我想通過jQuery隱藏的鏈接？我會在這些鏈接上放置「display：none」嗎？另外，我怎麼寫這個呢？ – davecave

你已經擁有jQuery的，那麼爲什麼不使用它的hide()功能：看起來你可以掛接到開始和停止展示活動，因此，如果沒有它們可見出了問題，你可以取消隱藏，並分別躲藏。

但是，沒有理由不能在錨上使用display: none，無論是通過內聯css還是通過css文件。這似乎是非常合理的。

來源

2012-05-22 07:43:45 pms1969

然後，我將加載訪問者不會看到的其他縮略圖。在這種情況下，我可以將'src'留在'img'標籤上空嗎？這有效嗎？我只想刪除'img'標籤，但我在帖子中提到的全屏HTML5/jQuery插件需要在標籤中使用'img'才能工作。對不起，我沒有在上面的例子中包含那一點。我試圖通過JavaScript來查看是否可以改變它，但我無法讓它在沒有'img'標籤的情況下工作。 – davecave

只要您的縮略圖大小適當，它不應該太多的問題。但是當幻燈片放映開始時，您可以改變開始加載圖像。 – pms1969

看來'display：none'是最簡單的解決方案。 – davecave

全屏HTML5 jQuery的幻燈片隱藏縮略圖（純文本鏈接初始化幻燈片）

回答

相關問題