SIFR динамически изменяет цвет текста на родительском элементе - PullRequest
Новая
       14

SIFR динамически изменяет цвет текста на родительском элементе

0 голосов
/ 10 ноября 2009

Я использую sIFR для стилизации заголовков и хочу динамически изменять цвет текста (внутри флэш-ролика) над родительским элементом.

Как можно это сделать? Есть примеры? Я никогда не видел, чтобы это было сделано. 

<ul class="tab">
    <li id="tab2">
        <a href="#two">
            <span class="organisation sIFR-replaced" style="">
                <object width="300" height="31" class="sIFR-flash" type="application/x-shockwave-flash" id="sIFR_replacement_5" name="sIFR_replacement_5" data="fla/gothamBook.swf" style="">
                    <param name="flashvars" value="id=sIFR_replacement_5&amp;content=Bureau%2520ICE&amp;width=300&amp;renderheight=31&amp;link=&amp;target=&amp;size=25&amp;css=.sIFR-root%257Bcolor%253A%2523d7d9e3%253Bletter-spacing%253A0.05%253B%257Da%257Btext-decoration%253Anone%253B%257Da%253Alink%257Bcolor%253A%2523d7d9e3%253B%257Da%253Ahover%257Bcolor%253A%2523ffffff%253B%257D&amp;cursor=default&amp;tunewidth=0&amp;tuneheight=0&amp;offsetleft=&amp;offsettop=&amp;fitexactly=false&amp;preventwrap=false&amp;forcesingleline=false&amp;antialiastype=&amp;thickness=&amp;sharpness=&amp;kerning=&amp;gridfittype=pixel&amp;flashfilters=&amp;opacity=100&amp;blendmode=&amp;selectable=true&amp;fixhover=true&amp;events=false&amp;delayrun=false&amp;version=436"/>
                    <param name="wmode" value="transparent"/>
                    <param name="bgcolor" value="transparent"/>
                    <param name="allowScriptAccess" value="always"/>
                    <param name="quality" value="best"/>
                </object>
                <span class="sIFR-alternate" id="sIFR_replacement_5_alternate">Bureau ICE</span>
            </span>
        </a>
    </li>
</ul>

Я попробовал следующее, что кажется логичным ... но это не работает. Это организация, в которой я пытаюсь измениться! 

sIFR.replace(gothamBook, {
    wmode: 'transparent',
    selector: 'span.organisation'
    ,css: [
    '.sIFR-root { color: #d7d9e3; background-color:#61648a; letter-spacing:0.05; }'
    ,'a span.organisation { text-decoration: none; }'
    ,'a:link span.organisation { color: #d7d9e3; }'
    ,'a:hover span.organisation { color: #ffffff; }'
  ]
});

1 Ответ

0 голосов
/ 12 ноября 2009

Замените <li> вместо этого, чтобы ссылка оказалась во флэш-ролике, затем используйте a:hover для цветов.

Селекторы в параметре css относятся к заменяемому элементу, поэтому a span.organisation не будет работать, поскольку вы заменили span.organisation.

...