Jak ustawić src obrazu przy użyciu jQuery

Question

Próbuję zmienić atrybut obraz src za pomocą jQuery

jQuery("#imageID").attr('src','http://localhost:8080/images/1/myImage.png'); 

stosując powyższy kod mogę zmienić atrybut src, ale gdy próbuję to: -

jQuery("#imageID").attr('src',jQuery("#imageBlock").css('background-image')); 

Nie mogę zmienić src.

warunkiem

alert (jQuery("#imageBlock").css('background-image')); 

Powroty:

url (http://localhost:8080/images/1/myImage.png)

Edit # 1 właśnie wtedy, kiedy miał przyjąć rozwiązanie. Muszę powiedzieć, że prawie wszystkie rozwiązania działały w FF. Próbowałem:

• plaster (4, -1);
• split ("(") [1]> następnie zastąp (")", "");

Sądzę, że inni też będą działać. Ale żadne z rozwiązań nie działa w IE. Powodem jest: podczas FF powraca:

url (http://localhost:8080/images/1/myImage.png)

IE Zwraca:

url ("http://localhost:8080/images/1/myImage.png")

^^ przeszkadza tutaj:

Teraz, jaki może być ogólny sposób ustawiania src attr. Czy muszę przetestować przeglądarkę, czy jest to IE czy nie?

To działa kod.

var src = ""; 
    if (jQuery.browser.msie) { 
     src = jQuery("#imageBlock").css('background-image').slice(5,-2);   
    }else{ 
     src = jQuery("#imageBlock").css('background-image').slice(4,-1); 
    } 
    jQuery("#imageID").attr('src', src); 

Naprawdę tego nie lubię: x. Jeśli istnieje inne rozwiązanie niż to, proszę dać mi znać, inaczej odbiorę natychmiast rozwiązanie slice.

Answer 1

IMO slice jest bardziej odpowiednia niż substring lub replace. Spróbuj tego:

jQuery("#imageID").attr(
    'src', 
    jQuery("#imageBlock").css('background-image').slice(4,-1) 
); 

Tutaj jesteś krojenie ciąg pomiędzy url( i ). Szczegółowe informacje na temat metody można znaleźć w MDC pod numerem slice.

Answer 2

Musisz rozebrać części url( i zamknąć ), aby działały.

Więc url(http://localhost:8080/images/1/myImage.png)

staje

http://localhost:8080/images/1/myImage.png

Można to zrobić z podciągu, regex zastąpić lub jakakolwiek metoda wyboru.

http://www.w3schools.com/jsref/jsref_replace.asp

Może:

jQuery("#imageID").attr('src',jQuery("#imageBlock").css('background-image').replace('url(','').replace(')',''))

Answer 3

Dzieje się tak dlatego, że ciąg url() jest owinięty wokół niego. trzeba rozebrać go z łańcucha, na przykład za pomocą funkcji Replace ...

var bgimg = jQuery("#imageBlock").css('background-image').replace('url(', ''); 
bgimg.replace(')', ''); 

Answer 4

trzeba wyodrębnić część URL:

var backgroundImage = $("#imageBlock") 
    .css('backgroundImage') 
    .replace(/"/g,"") 
    .replace(/url\(|\)$/ig, ""); 
jQuery("#imageID").attr('src', backgroundImage);