0

I'm using: http://www.basic-slider.com/ and I figured out that it assigns the 'active' slide a class of 'active-marker' which I figured I could assign a background URL to and worked well. I need to do the same for the inactive, and then get rid of the numbers....looking through the jQuery boggles my mind, was hoping someone could help me apply some cleverness to this problem.

Thanks!

http://www.jamesrobertcook.com/ is the site in question and this is what I'm talking about:

example

I have the active slider, however the inactive slider doesn't have a class assigned to it and I'm sorta stuck!

4

2 に答える 2

1

うーん...

マーカー構造は単純な ol-list であるため、通常のタグ セレクターを使用して、マーカー構造内のすべてのマーカーを簡単かつ安全にフォーマットすることから始めることができます...

...そして、マーカー構造のリンクを高さゼロのフォントに再フォーマットすると、マーカー番号を完全に取り除くことができます。

コードを覗いてみると、次のようになります。

ol.bjqs-markers li a {
    display: block;
    font-size: 0;  /* hide the numbers */

 /* sample default/inactive sample look of 10x10 square of obscure color*/

    width: 10px;
    height: 10px;
    border: 1px solid #000;
    background-color: #abcdef;
}

...そして「非アクティブ」マーカーの場合

ol.bjqs-markers li.active-marker a {
    background-color: #fedcba;  /* change what's needed for the active marker's appearance */
}

幸運を！

于 2013-07-12T23:36:59.263 に答える
0

すみません、何番ですか？スライド番号のことですか？また、最初の質問/問題がわかりませんか? (このオプションは数字を削除するためのものです: showmarkers : false, // 個々のスライド マーカーを表示するため、このオプションをスライダー関数呼び出しに追加します... – 気にしないでください

showmarkers: false を使用しただけで、デザインに影響はありませんでした。

于 2013-07-12T23:19:14.967 に答える