Javascript 如何防止在用户单击链接之前加载图像滑块？

嗨，我用这个：创建一个弹出图像滑块。 基本上，我希望它出现在我的页面固定只有在用户点击一个链接打开它，它不会打开另一个页面。如果我使用display:none，它会在后台加载，因为它会包含高清图像，所以会减慢速度

现在我正在尝试：

测试 凯丹酒店{ 宽度：700px； 高度：400px； 背景：000 } 功能展厅{ var含量=； var hello=hello world； console.loghi它正在工作； $body.hello； } $'imageshow'。单击函数{ 展览厅； Galleria.loadTheme'Galleria/themes/classic/Galleria.classic.min.js'； 凯丹，快跑，凯丹； };

---

我对此有了很好的了解，甚至下载了galleria.js。得出这样一个简单的结论：您的代码可能只遗漏了一条document ready语句：

<script>
$(document).ready(function() {

    function showGallery() {
      var content = "<div class=\'galleria\'><img data-src=\'photo1.jpg\'><img data-src=\'photo2.jpg\'><img data-src=\'photo3.jpg\'></div>";
      var hello = "hello world";
      console.log("hi it's working");
      $('body').append(hello);
    }

    $('#imageshow').click(function() {
      showGallery();
      Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
      Galleria.run('.galleria');
    });

});
</script>

---

是的。谢谢你的跟进。干杯，我也一样-