• Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Тема: Проблема з установкою background через JQuery

Всім привіт. Маю потребу установити через JQuery одному посиланню, іншу фонову картинку.
Використовую для цього метод .css
Власне ніби нічого складного, але воно не працює. Вияснилося, що проблема із шляхом, а точніше:
(положив картинку у корінь сайту - працює)

.css('background','url(/collapsed.png)');

(положив картинку за іншим шляхом - не працює)

.css('background','url(../dleimages/collapsed.png)');

ну менше з тим, також треба щоб фон не повторявся, використав 

no-repeat 0 4px

тобто

.css('background','url(/collapsed.png) no-repeat 0 4px');

і не паше.
Наскільки я розумію, проблема виникає через пробіли і тд ?
Пробував екранувати, але ніфіга не допомогло. У чому причина ?

2 Відповідь від bunyk

  • bunyk
  • Replace Team
  • Поза форумом
  • Звідки: Франик
  • Дата реєстрації: 24.07.2012
  • Повідомлень: 959
    • Репутація: 751

Re: Проблема з установкою background через JQuery

Спробуй змінити проперті background-image, background-repeat, background-position поокремо.

Подякували: Пам'ять не може бути READ1

bunyk вебсайт

3 Відповідь від bunyk

  • bunyk
  • Replace Team
  • Поза форумом
  • Звідки: Франик
  • Дата реєстрації: 24.07.2012
  • Повідомлень: 959
    • Репутація: 751

Re: Проблема з установкою background через JQuery

Ну і в CSS не треба брати "аргумент функції" url в лапки?

bunyk вебсайт

4 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • Поза форумом
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 617
    • Репутація: 13330

Re: Проблема з установкою background через JQuery

Будь ласка, випишіть частину URL, починаючи зі слеша:
- сторінки, на якій виконується скрипт;
- малюнка (відкрийте малюнок в браузері за адресою і скопіюйте її, важливо, щоб малюнок таки відкрився)

Подякували: Пам'ять не може бути READ1

koala вебсайт

5 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Проблема з установкою background через JQuery

Один з варіантів

$('#divID').css({"background": "transparent url(myimage.jpg) left top no-repeat"});
Подякували: Пам'ять не може бути READ1

funivan вебсайт

6 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • Поза форумом
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 617
    • Репутація: 13330

Re: Проблема з установкою background через JQuery

bunyk написав:

Ну і в CSS не треба брати "аргумент функції" url в лапки?

Не обов'язково.

koala вебсайт

7 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Проблема з установкою background через JQuery

.css('background','url(/collapsed.png) no-repeat 0 4px'/*неправильно*/);

Як мало б бути:

$("#ll").css('background','url(http://replace.org.ua/img/avatars/132.jpg) no-repeat 0 4px');

http://jsfiddle.net/vmu63/

Подякували: Пам'ять не може бути READ1

8 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Проблема з установкою background через JQuery

.css('background','url(/collapsed.png) no-repeat 0 4px');

Чому це не правильно?:)

Все працює))
Ось цей код працює успішно. Ще нижче посилання на демо ;) 

$("#test").css('background', 'url(/img/initializing.png) no-repeat 0 4px');

http://jsfiddle.net/CPwtV/1/

funivan вебсайт

9 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Проблема з установкою background через JQuery

Так. Все правильно. Дурницю написав.

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Проблема з установкою background через JQuery

Ото ж, метод bunyk-а спрацював. Тепер все нормально змінюється.
Також вже вночі, зауважив, що спочатку допустив помилку з розташуванням зображення.
Дякую всім, хто відгукнувся.

11 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Проблема з установкою background через JQuery

Нема проблем,  звертайся ;)

funivan вебсайт