Question

你好，人在这里！我的目标：整齐地展示一堆图像 http://1110kd.blogspot.in/ 使用Miro（http://miromannino.github.io/Justified-Gallery/）

的Justified图库

进展到现在：第1步：在头部分粘贴JS文件第2步：尝试在帖子中发布图像，还尝试使用HTML小部件来嵌入图像现在我尝试将剩余的代码粘贴到模板和窗口小部件的不同位置，但没有成功：（

现在四处寻找解决方案。我可以通过任何解决方案在我的博客上展示自适应图像库（仅限图库，没有别的）。

[由于各种原因导致无法自托管，我基本上试图将博客转换为单页图片库]

提前非常感谢你。

Answer 1

首先下载“justifiedGallery.min.css”和“jquery.justifiedGallery.min.js”然后关注此URLhttps：//jsfiddle.net/AwadheshVerma/uy0d41f2/

Answer 2

首先，当我尝试你的链接时，我看到的第一件事就是下图。在尝试做其他事情之前，你必须解决这个问题。

可能的解决方案是使用CDN。

所以要恢复，这是一个可能的模板：

<!DOCTYPE html>
<html>
    <head>
        GooglebaseData goes here ...
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.3/css/justifiedGallery.min.css" />
    </head>
    <body>
        All your content
    </body>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.3/js/jquery.justifiedGallery.min.js"></script>
    <script type="text/javascript">
        $("#basicExample").justifiedGallery();
    </script>
</html>

使用博客，您必须将所有需要jquery和脚本的脚本放在</body>和</html> 之间

如何在博客中实现合理的画廊？

2 个答案: