因此,我想在幻燈片的底部添加類似於子彈的按鈕,但我找不到教程,所以認爲你們可以幫我解決問題。這裏有一個例子:http://line25.com/wp-content/uploads/2011/jquery-slideshow/demo/index.html添加類似於子彈的按鈕以滾動幻燈片
回答
在你的鏈接使用CSS背景:
<a href="..." class="someClass">...</a>
CSS:
.someClass {
background-image:url(/images/...); <--path to your image
background-repeat:no-repeat;
display:block;
height:20px;
width:20px; <--- set sizes to match your image.
}
我需要使用gimp或其他東西創建這些類似bullet的按鈕,然後將它們添加到此行: background-image:url(/ images/...); < - 您的圖片的路徑 – 2013-03-11 15:02:56
是的。您可以根據需要創建任意多個類,每個類都有自己的圖像。如果你想獲得更高級的,你可以將圖標合併成一個文件並使用CSS精靈:http://www.thewebsqueeze.com/web-design-articles/an-introduction-to-css-sprites.html – 2013-03-11 15:04:39
生成他們作爲PNG文件。 – 2013-03-11 15:05:27
- 1. 幻燈片按鈕 - jQuery的
- 2. wordpress youtube類似幻燈片
- 3. 自動滾動幻燈片
- 4. 自添加幻燈片菜單以來沒有滾動
- 5. 帶按鈕的自動幻燈片
- 6. 將幻燈片添加到jcarousel滾輪?
- 7. 如何爲自動幻燈片添加暫停按鈕?
- 8. 安卓幻燈片按鈕
- 9. 單選按鈕幻燈片
- 10. 滾動水平幻燈片
- 11. 幻燈片鏈接,滑動按鈕
- 12. 幻燈片窗簾按鈕動作
- 13. 添加類似圖片的按鈕
- 14. Android - 幻燈片動畫滾動片段
- 15. Javascript幻燈片按鈕重疊fancybox滾動
- 16. jQuery的幻燈片時按下按鈕
- 17. 將子彈控件添加到選項卡式幻燈片
- 18. 添加更多幻燈片後,Nivo滑塊子彈「不居中」
- 19. 將下一個按鈕添加到我的幻燈片中
- 20. 無盡的滾動幻燈片動畫
- 21. 對齊圖片幻燈片按鈕HTML5
- 22. 添加空白幻燈片
- 23. 添加幻燈片UNO API
- 24. 添加幻燈片到Tictail
- 25. 添加從最後一張幻燈片到第一張幻燈片的無限滾動的滑動過渡
- 26. jQuery的幻燈片添加具有圖像幻燈片容器
- 27. 特定的幻燈片添加到幻燈片
- 28. 添加自動播放jQuery幻燈片
- 29. 向ng-repeat添加幻燈片動畫
- 30. 在JS中添加幻燈片動畫
'邊界半徑:50%'將一個元素的圓形 – Jashwant 2013-03-11 14:54:37
@Jashwant但我如何創建這些按鈕?我需要一個腳本 – 2013-03-11 14:57:19
你使用什麼滑塊? – Pete 2013-03-11 14:59:20