2009-03-24 4 views
1

を使用します。jQueryのCSSの修飾子は、私はjQueryの行を持っているjavascriptの変数

$("#colorimage").css('background','url(images/bw.jpg)'); 

最初の質問:背景画像は、jQueryを介して、CSSで設定されている場合、これはそれがどこにあるから、動作していること方法をimagesフォルダを探していますか?

2番目の質問:2番目の引数にJavascript変数を挿入する方法はありますか?私はjs変数に格納されたベースURLを持っていますが、次のようなことをしています。

$("#colorimage").css('background','url(' + baseurl + 'images/bw.jpg)'); 

は動作しません。

EDIT: BASEURLは、JavaScript変数である今、それはhttp://localhost/test/ですが、それは私が変数を使用したい理由である、変更されます。

EDIT 2:それはパスの問題だったは、あなたのページはhttp://mysite.com/index.htmlであるかのように、それは、それが適用されているファイルの場所からURLを取る

+0

BASEURLは何ですか? –

答えて

2

をスタートにスラッシュを置くことによって、あなたのBASEURLは絶対作ってみましょう、または完全なURLを使用しますuestion 1: jQueryは、CSSを直接​​変更した場合と全く同じ方法で、背景画像のCSSを 'url(images/bw.jpg)'に設定します。言い換えれば、それがcssファイルにある場合、それはそのcssファイルに相対的です。インラインであれば、ページとの相対的な関係になります。

質問2:ニックの答えを見てください - それがうまくいかないという唯一の理由は、正しい道ではないということです。

EDIT:baseurl変数(firebugまたはalert())の内容を調べてみてください。私はパスが間違った場所を指していない限り、なぜうまくいかないのか分かりません。

2

の答えのためにそれをあなたたちに感謝しますhttp://mysite.com/images/bw.jpg

を見ますと、Q

baseurl = "/mySubFolder"; 
baseurl = "http://mysite.com/mySubFolder"; 
+0

Nit-Pickingですが、彼の例では、後続する前方スラッシュが必要です。 +1とにかく:) –

0

また、試すことができます。

$("#colorimage").css('background-image','url(' + baseurl + 'images/bw.jpg)'); 
+0

"background-url"の代わりに "background-image"を意味しますか? ;) – diemogebhardt

+0

はい、ありがとうございます。 –