2015-07-14 8 views
0

Я использую версию jQuery blueimp gallery. Я использую Lazy Load на странице слайд-шоу для загрузки эскизов по мере прокрутки пользователя. С всех пиктограммами не загружается при начальной загрузке страницы и иконках ниже раза не будет отображаться на индикаторе эскиза blueimp галереи, я устанавливаю атрибут данных пиктограмм на тегах ссылок, как это:Blueimp Gallery - Thumbnail Indicator Issue

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

Однако, это по-прежнему пытается загрузить миниатюру из атрибута src тега изображения, который является образцом-заполнителем, установленным Lazy Load.

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

ответ

0

Это фактически связано с изменением самого сценария галереи 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 + '")'; 
      } 

И затем распространение этого изменения на любые миниатюрные файлы.