2012-10-16 127 views
0

我已經搜索了這個,但一直沒能找到我需要的一件事。 我想在軌道滑塊中使用我自己的子彈。Orbit滑塊工作,但如何添加項目符號導航?

現在我的問題: - 如何添加我的子彈(滑塊正在工作,但我不知道如何添加子彈)
- 我怎麼讓子彈改變?因爲我製作了一張圖片,當它被選中時,以及一張沒有被選中時的圖片。

在此先感謝。

+0

你能提供插件的鏈接嗎? –

+0

http://www.zurb.com/playground/orbit-jquery-image-slider 你去了 – jochemke

回答

1

可以在orbit.css文件

.orbit-bullets li { 
    float: left; 
    margin-left: 5px; 
    cursor: pointer; 
    color: #999; 
    text-indent: -9999px; 
    background: url(/playground/playground/jquery-image-slider-plugin/orbit/bullets.jpg) no-repeat 4px 0; 
    width: 13px; 
    height: 12px; 
    overflow: hidden; } 

.orbit-bullets li.active { 
    color: #222; 
    background-position: -8px 0; } 

看到這些代碼,但它使用的image sprites

如果每個圖像都有不同的圖像,請使用每個圖像的背景屬性來指定圖像。

+0

但我必須改變的東西在HTML呢?我想我必須創建一個類軌道子彈,但我不知道 – jochemke

+1

@jochemke無需創建,插件會自動添加這些類。只有你需要激活插件,並按照文檔中的相同元素結構。 –

+0

這是我在劇本 '$(窗口).load(函數(){ $( '#功能')軌道(); 子彈:真的 });' – jochemke