갤러리아 설명 만 전환 하시겠습니까?

Question

<div id="galleria"> 
    <img src="/img/pic1.jpg" data-title="title1" data-description="Et facilisis non. Sed, augue turpis eu, vel pellentesque aliquam, tristique ac, tincidunt placerat! Lundium, adipiscing et porttitor velit! Rhoncus adipiscing amet egestas, non dictumst."> 
    <img src="/img/pic2.jpg" data-title="title2" data-description="Turpis enim elementum ac nisi magna tempor, aliquam, auctor tincidunt, scelerisque pellentesque parturient velit! Dolor et risus scelerisque vel augue nec, vel. Elementum in! Pid."> 
</div> 

나는 이미지가 매우 긴 설명을 가지고 있으므로 항상 표시 할 필요가없는이 유형의 마크 업을 가지고 있으므로 Galleria의 기본값 인 galleria-info-link을 사용하여 제목이 항상 유지되도록 설명을 토글하고 싶습니다. 사용자는 설명을 전환 할 수 있습니다.

설명을 토글하는 기능으로 변경하려고 시도하지만 갤러리아는 각 info-title 및 info-description에 자동으로 (디스플레이 : 블록)을 할당하므로 예상대로 작동하지 않습니다.

이 작업을 수행 할 수있는 방법이 있습니까? 사업부 아이디 내부

Answer 1

= 갤러리아이 시도 :

<style> 
.img_field span { 
    display: none; 
} 

<div class='img_field'> 
    <img .... /> 
    <span> Your description here </span> 
</div> 

<script> 
    $('.img_field').mouseenter(function(){ 
     $(this).children('span').show(); 
    }); 
    $('.img_field').mouseleave(function(){ 
     $(this).children('span').hide(); 
    }); 
</script>