【问题标题】:Show div on image click in Galleria.io在 Galleria.io 中单击图像时显示 div
【发布时间】:2017-04-11 18:24:45
【问题描述】:

我已经在这工作了三天,真的找到了寻求帮助的时候了。我正在全屏运行 Galleria,我希望能够在单击时显示隐藏的 div。我已经将图像包装在一个 div 中并尝试如下所示调用它,但我尝试过的任何方法似乎都不起作用。请问我错过了什么

<div class="galleria">

 <div id ='showdiv'>
 <img src=\"$fullpath\",data-description=\"$datadescr\">
 </div>

 </div>

<script>
$(function() {
Galleria.loadTheme('http://example.net/galleria.fullscreen.min.js');
Galleria.run('.galleria', {
transition: 'fade',
imageCrop: false
});
});
</script>


<script>
$(document).ready(function() {
$('#showdiv').click(function(){
 alert("try");
//show div function
});
});
</script>

【问题讨论】:

    标签: jquery galleria


    【解决方案1】:

    创建了一个小提琴:https://jsfiddle.net/kf5521kx/2/

    点击图片调用 Galleria。

    $(document).ready(function() {
      $('#showdiv').click(function(){
      Galleria.loadTheme('https://cdnjs.cloudflare.com/ajax/libs/galleria/1.5.6/themes/fullscreen/galleria.fullscreen.js');
          Galleria.run('.galleria', {
          transition: 'fade',
          imageCrop: false
        });
      });
    });
    

    【讨论】:

    • 您好,感谢您的宝贵时间。我希望能够单击图库中的任何幻灯片并显示隐藏的 div
    猜你喜欢
    • 1970-01-01
    • 2016-02-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多