Highslide : 특정 이미지 만 사용하는 방법

Question

Highslide 갤러리에서 특정 이미지 (예 : 특정 div에 포함 된 이미지) 만 찍으려면 어떻게해야합니까?

여기 갤러리는 http://civicsector.org.ua/agitation/247-kampanya-chesn-vibori.html입니다.하지만 문제는 내가 사용하고있는 CMS가 데스크톱 화면의 경우 한 번, 모바일 화면의 경우 한 번씩 콘텐츠를 두 번 출력한다는 것입니다.

highslide가 두 div (데스크톱 및 모바일 용)의 이미지를로드하는 동안 thumbstrip의 이미지가 복제됩니다.

어떻게 수정합니까?

감사합니다.

Answer 1

놓습니다 Highslide JS API를 당 slideShowGroup에 이미지 :

http://highslide.com/ref/hs.slideshowGroup

그런 다음, 스크립트가 해당 그룹에 속하는 것으로 태그 이미지 만로드됩니다. CMS에서 만드는 이미지에 대한 참조는 그룹에 속한 것으로 태그되지 않으므로 슬라이드 쇼에 두 번로드되지 않습니다.

Answer 2

MisterNeutron의 답변은 highslide의 일반적인 용도에 적합했습니다. 그러나, 나 자신과 같이 눈에 띄지 않는 하이 슬립을 사용하려면 hs.onSetClickEventHandler에 체크를 추가하면됩니다.

hs.onSetClickEvent = function (sender, e) { 
     if ($(e.element).closest('.hidden-desktop').length>0) { 
      return false; 
     } 

     // set the onclick for the element 
     e.element.onclick = function() { 
      return hs.expand(this, inPageOptions); 
     } 
     // return false to prevent the onclick being set once again 
     return false; 
    }