どのようにdiv [背景]の背景のソースを取得することができます - javascript、jquery、html、jquery-cycle

可能な重複：
background-imageプロパティからURLを取得する

私は サイクルプラグイン 私はページャー/サムネイルを作成したいと思います。

HTML

<div id="slide">
<div class="panel" id="product">

</div>
</div>

私のイメージはdivの背景にあります。 div自体の中にない

JSコール

pager:"#thumbs", pagerAnchorBuilder: function(idx, slide) { return "<li><a href="#"><img src="/images/" + slide.src + "" width="50" height="50" /></a></li>"; },

return "<li><a href="#"><img src="/images/" + slide.src + "" width="50" height="50" /></a></li>";

私は背景画像をつかみようとしています product。だから戻ってくるのではなく + slide.src + 私はこれを何と置き換えるのですか？

上記の画像のソースを取得します。どのように私は、画像ソースではなく、divのバックグラウンドソースをつかむことができますか？

私のイメージは内部にないdivにあります <img> タグ。

**ありがとう。 **

回答：

回答№1の場合は3

どの部門にあなたがバックグラウンドイメージを望んでいるのか、どこでそれを使いたいのかを100％確信しているわけではありませんが...

$("#product").css("background-image") 商品部門の背景画像のURLが表示されます。

だから、これに続いて、あなたのコードで私は 思う あなたはそれを変更する必要があります：

pager:"#thumbs", pagerAnchorBuilder: function(idx, slide) { return "<li><a href="#"><img src="/images/" + $("#product").css("background-image") + "" width="50" height="50" /></a></li>"; },

最終回答、rspのおかげで：

pager:"#thumbs", pagerAnchorBuilder: function(idx, slide) { return "<li><a href="#"><img src="/images/" + $("#product").css("background-image").replace("url(", "").replace(")", "") + "" width="50" height="50" /></a></li>"; }

---

回答№2については2

あなたはdivの背景を得ることができます：

var url = $("#yourid").css("background-image")
.replace("url(", "")
.replace(")", "");

CSSのプロパティが次のようになっているので、 "url（"と "）を削除する必要があります：

url(http://www.example.com/image.jpg)

---

回答№3の場合は1

jqueryなしでは、これは

 document.getElementById("slide").style.backgroundImage="url("xxx.png")";

---

回答№4の場合は1

var url = $("#product").css("background-image");

url = url.replace(/^url([""]?/, "").replace(/[""]?)$/, "");

alert(url);

これは助けるかもしれない

---