jquery - css を jquery 'flux' アニメーションに追加する

Question

現在、JQuery プラグイン「Flux」を使用して画像スライドショーを作成しています。画像に css を追加して、高さを同じにし、角を丸くしたいのですが、CSS を適用できません。

私は Concentric 遷移を使用します (デモはこちら: http://www.joelambert.co.uk/flux/ )。

私のhtmlコードは次のようになります：

<div id="slider">
    <img class="test" src="img/image1.jpg" alt="" />
    <img class="test" src="img/image2.jpg" alt="" />
</div>

「テスト」のIDとクラスの両方を試し、これらすべてのCSSメソッドを使用しました

#slider .test
#slider img.test
#slider img#test
#slider #test
#test
.test

どれも機能していないようです。誰かが修正していますか?

自分の目で確かめてください: jsfiddle.net/6gTnf/1

Answer 1

試す

img
{
height:100px !important;
border-radius:10px !important;
}

Answer 2

#slider img.test{
height:100px !important;
border-radius:10px !important;
}