2013-05-28 36 views
0
<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來切換描述,所以標題保持所有的時間和用戶可以切換描述。僅限Galleria切換說明?

嘗試將功能更改爲僅切換描述,但由於Galleria會自動爲每個info-titleinfo-description分配(顯示:塊),因此無法按預期工作。

有沒有辦法做到這一點?

回答

0

在div ID =廣場試試這個:

<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>