Галерея Blueimp — Проблема с индикатором миниатюр

Я использую jQuery-версию галереи blueimp. Я использую отложенную загрузку на странице слайд-шоу, чтобы загружать миниатюры по мере прокрутки пользователем. Поскольку все миниатюры не загружаются при начальной загрузке страницы, а миниатюры ниже сгиба не будут отображаться на индикаторе миниатюр галереи blueimp, я устанавливаю атрибут data-thumbnail в тегах ссылок следующим образом:

<a href="photos/1-full.jpg" data-thumbnail="photos/1-thumb.jpg">
  <img data-original="photos/1-thumb.jpg" alt="Image 1" />
</a>

Тем не менее, кажется, что он все еще пытается загрузить миниатюру из атрибута src тега изображения, который является изображением-заполнителем, установленным отложенной загрузкой.

Я делаю это правильно?


jquery jquery-lazyload blueimp
person Ameer    schedule 14.07.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

На самом деле это связано с изменением самого сценария галереи blueimp. Изменения следующие:

--- a/js/blueimp-gallery-indicator.js
+++ b/js/blueimp-gallery-indicator.js
@@ -58,10 +58,10 @@
                 thumbnail;
             if (this.options.thumbnailIndicators) {
                 thumbnail = obj.getElementsByTagName && $(obj).find('img')[0];
-                if (thumbnail) {
-                    thumbnailUrl = thumbnail.src;
-                } else if (thumbnailProperty) {
+                if (thumbnailProperty) {
                     thumbnailUrl = this.getItemProperty(obj, thumbnailProperty);
+                } else if (thumbnail) {
+                    thumbnailUrl = thumbnail.src;
                 }
                 if (thumbnailUrl) {
                     indicator.style.backgroundImage = 'url("' + thumbnailUrl + '")';
             }

А затем распространить это изменение на любые минифицированные файлы.

person Ameer    schedule 22.07.2015