2013-03-11 35 views
0

因此,我想在幻燈片的底部添加類似於子彈的按鈕,但我找不到教程,所以認爲你們可以幫我解決問題。這裏有一個例子:http://line25.com/wp-content/uploads/2011/jquery-slideshow/demo/index.html添加類似於子彈的按鈕以滾動幻燈片

+0

'邊界半徑:50%'將一個元素的圓形 – Jashwant 2013-03-11 14:54:37

+0

@Jashwant但我如何創建這些按鈕?我需要一個腳本 – 2013-03-11 14:57:19

+0

你使用什麼滑塊? – Pete 2013-03-11 14:59:20

回答

0

在你的鏈接使用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. 
} 
+0

我需要使用gimp或其他東西創建這些類似bullet的按鈕,然後將它們添加到此行: background-image:url(/ images/...); < - 您的圖片的路徑 – 2013-03-11 15:02:56

+0

是的。您可以根據需要創建任意多個類,每個類都有自己的圖像。如果你想獲得更高級的,你可以將圖標合併成一個文件並使用CSS精靈:http://www.thewebsqueeze.com/web-design-articles/an-introduction-to-css-sprites.html – 2013-03-11 15:04:39

+0

生成他們作爲PNG文件。 – 2013-03-11 15:05:27