nivo滑塊 - 下一個和prev圖像

有人曾經使用nivo滑塊的圖像？我在顯示導航的下一個和上一個圖像時遇到問題。它顯示boh next和prev導航的prev圖像。nivo滑塊 - 下一個和prev圖像

任何人都可以幫忙嗎？

2010-08-25 user384080

很難猜到這裏發生了什麼，你可以請發佈代碼嗎？這是你擴展插件的默認功能嗎？ – lnrbob 2010-08-25 06:31:30

javascript插件沒有變化..但是CSS方面需要更改。我如何向你發送CSS文件？我無法複製到此窗口，因爲它無法正確格式化。 – user384080 2010-08-26 00:08:36

如果您只是複製/粘貼示例代碼，您會注意到它正在請求一個圖像。這是因爲它使用了一個名爲Sprite的圖像。精靈是一個圖像，它上面有多個圖像，然後通過CSS通過background-position屬性進行定位。您可以創建自己的精靈圖像並使用CSS進行定位，也可以使用兩個不同的圖像。

如果您想使用兩張圖片，只需在CSS中將左側控件的圖片更改爲left.png（假設您有左箭頭圖標）並將右側控件的圖片更改爲right.png。

來源

2010-08-25 22:16:48

是的..它只有一個圖像。但我不確定在JavaScript分割（或重新定位圖像）的位置。以下是css： .nivo-directionNav a { \t display：block; \t position：absolute; \t top：45％; \t z-index：99; \t光標：指針; \t width：30px; \t height：30px; \t background：url（../ Styles/images/arrows.png）no-repeat; \t text-indent：-9999px; \t border：0; } arrows.png有左右兩個圖標 – user384080 2010-08-26 00:03:09

檢查我的nivo副本，我看到每個箭頭都有類：「.nivo-prevNav」和「.nivo-nextNav」。嘗試將圖像背景放置在這些元素上。「.nivo-directionNav a」可能只是給這兩個元素提供類似的屬性以保持乾燥。 – 2010-08-26 04:31:56

感謝隊友..你是傳奇！ – user384080 2010-08-26 07:36:18

nivo滑塊 - 下一個和prev圖像

回答

相關問題