photoswipe js의 인덱스에 데이터 인덱스 속성을 전달하는 방법은 무엇입니까?

Question

photoswipe js : http://photoswipe.com/documentation/getting-started.html

photoswipe의 색인에 데이터 색인 속성을 전달하는 데 문제가 있습니다.

HTML :

<td> 
     <div class="picture" itemscope="" itemtype="http://schema.org/ImageGallery"> 
      <figure style="display:initial;" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject"> 
       <a class="picture" href="images/AN241_02.jpg" itemprop="contentUrl" data-size="2000x1200" data-index="0" data-title="AN241 02 55"> 
        <img class="lazy thumbnail " data-original="image_cache/AN241_02-cache.jpg" itemprop="thumbnail" alt="Image description" src="image_cache/AN241_02-cache.jpg" style="display: inline;"> 
       </a> 
      <figcaption itemprop="caption description">description</figcaption> 
      </figure> 
     </div> 
    </td> 

JS :

var onThumbnailsClick = function(e) { 
    e = e || window.event; 
    e.preventDefault ? e.preventDefault() : e.returnValue = false; 

    var eTarget = e.target || e.srcElement; 

    // find root element of slide 
    var clickedListItem = closest(eTarget, function(el) { 
     return (el.tagName && el.tagName.toUpperCase() === 'FIGURE'); 
    }); 

    }); 

    if(!clickedListItem) { 
     return; 
    } 

    // find index of clicked item by looping through all child nodes 
    // alternatively, you may define index via data- attribute <---HOW? 

    var clickedGallery = clickedListItem.parentNode, 
     childNodes = clickedListItem.parentNode.childNodes, 
     numChildNodes = childNodes.length, 
     nodeIndex = 0, 
     index; 

    for (var i = 0; i < numChildNodes; i++) { 
     if(childNodes[i].nodeType !== 1) { 
      continue; 
     } 

     if(childNodes[i] === clickedListItem) { 
      index = nodeIndex; 
      break; 
     } 
     nodeIndex++; 
    } 


    if(index >= 0) { 
     // open PhotoSwipe if valid index found 
     openPhotoSwipe(index, clickedGallery); 
    } 
    return false; 
}; 

당신은 ""태그에 위의 "데이터 인덱스"속성이있는 것을 볼 수 있습니다 나는이 전달하고자하는 JS의 인덱스

JS에 익숙하지 않으므로 사과 드리며 도움을 주시면 감사하겠습니다. 당신이 데이터를 색인을 얻을 필요가있는 경우

Answer 1

, 당신은 문을 다음 openPhotoSwipe 초기화 기능 :

var newIndex = parseInt(eTarget.parentNode.getAttribute("data-index")); 

if(newIndex >= 0) { 
    // open PhotoSwipe if valid index found 
    openPhotoSwipe(newIndex, clickedGallery); 
} 

에 전달 "하면"마지막 전에 클릭 요소에서이 속성의 값을 얻을 수있다