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来切换描述所以标题保持所有时间和用户可以切换说明。

尝试将功能更改为仅切换说明，但由于Galleria会自动为每个info-title和info-description分配（显示：阻止），因此无法按预期工作。

有没有办法做到这一点？

Answer 1

在div id = galleria里面试试这个：

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

仅限Galleria切换说明？

1 个答案: