Изменение фона с зависанием jQuery или невозможностью обновить атрибут src в img

Question

Я потратил несколько часов, пытаясь выяснить это.

У меня есть магазин, который просматривает свойства, и я выбрал простой сценарий галереи.В течение прошлой недели это работало прекрасно.

Я пришел сегодня, чтобы повозиться с каким-то несвязанным JavaScript (но на той же странице), и теперь есть проблема.

Чтобы заставить изображения исчезатьЯ обновляю img src, а затем постепенно растушевываю его на следующем изображении фона элемента, содержащего элемент img.

Теперь кажется, что иногда *Фон 1012 * застревает на предыдущем изображении, несмотря на то, что я установил его с помощью метода jQuery css().

Его можно посмотреть здесь

http://vanquish.websitewelcome.com/~utopia66/store-display

Я должен подчеркнуть, что это происходит в Google Chrome, и я ориентируюсь только на этот браузер.

Для вашего удобства я также увеличил скорость циклического перемещения по изображениям, чтобы сэкономить ваше время.

Так, почему изображение застревает и как я могу это исправить? обновление при ближайшем рассмотрении может случиться так, что элемент img застревает, то есть он не может обновить атрибут src. обновление снова на самом деле я почти уверен это фон.

JavaScript здесь

http://vanquish.websitewelcome.com/~utopia66/assets/js/display.js

IОчень ценю любую помощь!

Спасибо большое.

Answer 1

То, что я нашел с изображениями и постепенным увеличением / уменьшением, это сделать после загрузки изображения. Это исправит эффект типа мерцания при первой загрузке изображения после обновления:

$('#something').attr('src', 'pathToImage').load(function(){$(#something).fadeOut('slow')});

Answer 2

Я почти уверен Я решил это, заключив значения backgroundImage в двойные кавычки, подобные этой.

$('#something').css({ backgroundImage: 'url("' + pathToImage + '")' });

Некоторые из более новых изображений содержали круглые скобки в именах файлов.

Один из самых разочаровывающих!

Спасибо, если кто-нибудь изучит это для меня:)