簡單的幻燈片導航覆蓋

Question

我目前正在重新設計我的投資組合網站&我想用最好的非Flash方法可以創建在我的佈局顯示以下幻燈片：

http://oi49.tinypic.com/xeifeq.jpg

我只會在節目中放3張幻燈片，我想疊加左/右導航按鈕，如圖所示。

那麼我該怎麼做呢？

Answer 1

有很多選項。有了像jQuery這樣的JavaScript庫，很多需要一次閃存的動畫都可以輕鬆完成。

嘗試使用Google搜索，jQuery滑塊

Answer 2

儘管您可以使用純粹的CSS解決方案，但您可以通過使用JavaScript爲您的幻燈片顯示設置動畫效果，從而獲得更好的瀏覽器支持。

有大致的javascript插件一十億爲你做到這一點，但這裏有一個很好的 - http://css-tricks.com/examples/AnythingSlider/

你可以調整大部分插件的CSS得到你想要的疊加箭頭的效果。我將使用的方法是將幻燈片的容器設置爲：relative，然後將箭頭設置爲position：absolute ...因此，例如，現在可以使用top定位左箭頭：50％left：0

祝你好運！