2017-09-18 5 views
1

Google Web Designer에서 회전식 컨트롤을 추가했습니다. 사용자가 현재보고있는 이미지를 어떻게 알 수 있습니까? 캐 러셀 구성 요소에서 어떤 프레임이 선택되었는지 어떻게 알 수 있습니까?

나는 새로운 Frame Activated 이벤트를 추가하고, 사용자 지정 작업 생성 : 나는 현재 프레임 ID를 알 필요가

<script type="text/javascript" gwd-events="handlers"> 
    window.gwd = window.gwd || {}; 
    gwd.boardSelectionChanged = function(event) { 
     // which frame is showing now? 
    }; 
</script> 

합니다.

+0

안녕하세요, 일부 특수한 코드 예제를 제공하기 위해 GWD에서 생성 된 캐 러셀의 마크 업을 보는 것이 도움이됩니다. 나는 유가 당신의 페이지를 미리 볼 수 있다고 생각합니다. 그런 다음 컨베이어를 오른쪽 클릭하고 '소스보기'를하면 OP에 HTML이 복사되어 붙여 넣기 될 수 있습니다. – DMcCallum83

답변

2

는 다음과 같은 예를 사용하여 현재 프레임 인덱스를 얻을 수 있습니다 :

var gallery = document.getElementById('gwd-carouselgallery_1'); 
console.log(gallery.currentIndex); 

'gwd-carouselgallery_1' 회전 목마의 ID입니다.

+0

@ sankhong – Blendester