2011-07-10 6 views
6

私はいくつかのHTMLページをコーディングしました。私はそこにjQueryスライダーを統合しました。スライダ名軌道スライダ。 私のサイトは流体レイアウトを使用しています。ページを垂直に最小化すると、右隅の画像が左側に移動するのがわかります。javascriptでhtml divの幅を修正するのを手伝ってください。

しかし、私はいくつか問題があります。ユーザーがページを垂直方向に縮小するときにも、右側のスライダーナビゲーションを移動したいと思います。

問題はスライダに100%の幅を適用できないことです。スライダは画像サイズに基づいて自動的に幅を作成します。 100%幅に変更する方法はわかりません。
このページでスライダーを確認できます。

Click here to see the page

これは私のjavascriptのファイルです。

Javascript file

これはjavascriptの幅を使用する場所です。

var b = 0, 
p = 0, 
h, v, u, f = d(this).addClass("orbit"), 
c = f.wrap('<div class="orbit-wrapper" />').parent(); 
f.add(h).width("1px").height("1px"); 
var e = f.children("img, a, div"); 
e.each(function() { 
    var a = d(this), 
    b = a.width(), 
    a = a.height(); 
    b > f.width() && (f.add(c).width(b), h = f.width()); 
    a > f.height() && (f.add(c).height(a), v = f.height()); 
    p++ 
}); 

これはjavascriptファイルで確認できます。私は100%の幅が欲しい。どうか考えてください。 !重要なCSSを使用して100 &%になるようにして感謝

+2

1+:

の例では、とあなたのCSSを変更します。提供されたコード、作業サンプル...私は今外出する必要がありますが、そうでなければ助けになりました。 – Aliostad

答えて

3

あなたはスライダーを強制することはできますか? 火かき棒で試してみたところ、うまくいったようです。良い質問です

.orbit-wrapper: 
{ 
    width: 100% !important; 
} 
+0

+1素晴らしいです。その働き。 :) – Giri

関連する問題