jquery循環插件問題 - 更改和樣式鏈接

好的，我有這個東西的工作。滾動鏈接並更改橫幅/圖片。太棒了。問題是：我怎樣才能將文本從1,2,3改變爲任何我想要的？另外，我如何應用背景圖像，懸停和主動治療。在http://malsup.com/jquery/cycle/pager5.html的示例中，我使用#nav a {blah，blah}來影響黃色框和邊框，但是當我添加圖像時，它什麼都不做。此外，改變文本的能力似乎被埋在實際的Cycle Plugin中。有人知道怎麼做嗎？jquery循環插件問題 - 更改和樣式鏈接

這裏是我的代碼

的javascript：

$('#slideshow').cycle({ 
    speed:  200, 
    timeout: 0, 
    pager:  '#tabs', 
    pagerEvent: 'mouseover' 
});

CSS（圖像不顯示的思想）

#tabs a { 
    border-style: none; 
    height: 47px; 
    width: 192px; 
    background-image: url(../images/tabback.png); 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background: none no-repeat scroll 0 0; 
    text-decoration:none; 
}

和HTML並不重要，但我吐出的導航鏈接在@tabs。

來源

2010-01-15 bgadoci

這些recs似乎沒有工作，所以我砍了一下。只需隱藏#tabs img標籤，使用#tabs，#tabs a和#tabs a：hover來獲得我想要的效果。然後在標籤內創建一個絕對的div來獲得我想要的獨特文本。最後，將#tabs a：activeSlide更改爲匹配#tabs a：hover，以便在div上但在文本上擺脫懸停閃爍。

來源

2010-01-17 02:16:45 bgadoci

要更改尋呼機的文本，請爲options中的pagerAnchorBuilder回調提供一個函數。參數是頁碼和DOM元素。默認錨點是'<a href="#">'+(i+1)+'</a>'。例如，您可以使用：

$('#slideshow').cycle({ 
    speed:  200, 
    timeout: 0, 
    pager:  '#tabs', 
    pagerEvent: 'mouseover', 
    options: { 
     pagerAnchorBuilder: function(i,el) { 
      return '<a href="#">Page '+(i+1)+'</a>'; 
     } 
    } 
});

我不確定背景圖像，但它看起來像後面的背景屬性重寫背景圖像。 background: none url(../images/tabback.png) no-repeat scroll 0 0;會爲你改變什麼嗎？

來源

2010-01-15 05:03:37 Ajw

感謝您的支持。有沒有什麼辦法可以用實際的pageAnchorBuilder語法來更新你的答案，所以我確切地知道把什麼放在哪裏。 JavaScript新手。 – bgadoci

jquery循環插件問題 - 更改和樣式鏈接

回答

相關問題