Jak pobrać adres obrazka będącego tłem ?

Szybka, ale i przydatna porada: mamy element np. blok div, który jako tło ma ustawiony plik graficzny – zdefiniowany zatem jest parametr background-image w stylach CSS. Chcielibyśmy za pomocą JavaScript pobrać wartość urla dla tego parametru czyli po prostu adres grafiki będącej tłem wspomnianego bloku.

Aby zrealizować taką operację możemy skorzystać z takiego oto kodu:

var pattern = /url(|)|"|'/g;
var image_url = $('div').css("backgroundImage").replace(pattern,"");

Jak widać dla pewnej wygody i ułatwienia wartość parametru samego background-image pobraliśmy wykorzystując jQuery.

VN:F [1.9.22_1171]
Rating: 4.7/5 (3 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 2 votes)
Jak pobrać adres obrazka będącego tłem ?, 4.7 out of 5 based on 3 ratings

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *


trzy × 1 =

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>