jquery - 仅Galleria 切换说明？

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 自动将 (display:block) 分配给每个info-titleand 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>