2013-03-11 2 views
1

galleria 플러그인을 설치하고 사진에 대한 설명을 볼 수 있도록 데이터 레이어를 추가했습니다. 하지만 층의 DIV의 스타일이있다 :갤러리아의 데이터 계층을 숨기는 방법?

<div class="galleria-layer" style="position: absolute; z-index: 2; display: block; top: 0px; left: 0px;">Frau Maxl wollte nicht unbedingt Fotografiert sein. Ich habe ein paar stunden erlaubt aber die zwei wollte den ganzen tag nehmen.</div> 

이 "디스플레이 : 블록이"문제있다 : 내 문제는 내가 레이어는 기본적으로 숨길 수 (없음 표시) 할 것입니다. "display : none! important"로 설정하면 div가 숨겨 지지만 숨겨집니다. 나는 jQuery로 토글하고 싶다. 정상적인 "display : none"은 div의 스타일보다 우선 순위가 낮기 때문에 쓸모가 없습니다. 이 div도 실시간으로 생성되므로 변경할 수 없습니다.

이러한 스타일의 출처는 누구입니까? 나는 gallerias JS와 CSS에서 아무것도 발견하지 못했다. 내가 생각

답변

0

, 갤러리아는 JS 쇼를 처리하고 그 숨기기 당신은 항상 원하는 작동을 숨기면 그래서 중요한

왜에 다른 클래스를 추가하지 div에! "디스플레이! 없음 중요"? 이 방법은 내가 기본적으로 DIV에 클래스를 넣어 어떻게 ... 원본을 무시하고 addClass, toggleClass와 removeClass 문

.myHideClass{ 
    display:none !important; 
} 

그래서 함께 JQuery와 동적으로 변경할 수 있습니다?

<script> 

    // Load the classic theme 
    Galleria.loadTheme('galleria.classic.min.js'); 

    // Initialize Galleria 
    Galleria.run('#galleria'); 

    //the divs are already created so... 
    $('.galleria-layer').addClass("myHideClass") 

</script> 
+0

답변 해 주셔서 감사합니다. 그래, 그 작동하지만 div에 기본적으로 클래스를 넣어 어떻게해야합니까. 클래스를 처음 제거 할 때 토글 할 때 수행하십시오. 주요 문제는 div가 Galleria의 JS에 의해 생성된다는 것입니다. – jurihandl

+0

내가보기에 내 대답을 편집했습니다 ... –

관련 문제