0

我想在我的网站上使用 Masonry 创建一个视频库，但我遇到了困难。

我正在使用 Joomla 作为我的 CMS，并且已经有一个来自火箭主题的模板，但是在我的一个页面上，我想要一个视频列表（我会更新）供人们观看。我想让它在视觉上吸引人，砖石引起了我的注意，但我不明白如何让它运行起来。

如果可以的话，Jquery 如何与 Joomla 一起工作？

4

2 回答 2

3

masonry 插件允许您在容器内定义带有图像的网格。然后它使用 kd-tree 算法以最有效的方式对图像进行排序。该算法众所周知，例如图形磁盘空间使用情况，其中最大的文件在屏幕上获得最大的矩形。kd-tree 也可以很好地添加一些空间信息。因此，如果您可以包含 masonry js 库并从数据库中动态选择视频并将其以 css 布局包装到 joomla 模板中，我看不出有任何问题。

于 2012-06-19T06:45:29.777 回答
1

至于如何将 jquery 和 masonry 导入 Joomla 2.5，我只是这样做了，所以也许这个叙述会有所帮助。请原谅它是第一人称。几周前我加载了 jquery，并在各个站点上使用它。但我需要在其中一个上使用砌体程序。我尝试了desandro masonry、freetile 和isotope，以及其他一些。虽然 jQuery 对我来说在 Joomla 中运行良好，但没有任何砌体例程可以正常工作，零成功。所以我制作了一个原始的 html 模板，加载了以上所有内容，发现它们在那里工作得很好，令我惊讶的是。受到鼓励，我回到 Joomla，安装了“jQuery Easy”插件并启用了它。它加载了所需的 jQuery，它确实处理了与命名空间的奇怪冲突，并防止重复实例。但是，我应该警告你，使用 jQuery Easy，此时不会加载 jQueryUI。对于当前版本的 1.9.2，您必须在插件设置中将“2”放入 subversion。我认为你不需要将这个用于砌体，但我还是把它放进去了，因为我还有其他的例程。虽然 desandro masonry 和 isotope 在我的测试中都在 Joomla 中为我工作，但我决定 Isotope 对我的目的来说是最可行的，所以我朝那个方向走。因此，我下载了该库并将其放入我的 Web 根目录的 /js 中。然后我将这些行插入到标题内的默认模板中：虽然 desandro masonry 和 isotope 在我的测试中都在 Joomla 中为我工作，但我决定 Isotope 对我的目的来说是最可行的，所以我朝那个方向走。因此，我下载了该库并将其放入我的 Web 根目录的 /js 中。然后我将这些行插入到标题内的默认模板中：虽然 desandro masonry 和 isotope 在我的测试中都在 Joomla 中为我工作，但我决定 Isotope 对我的目的来说是最可行的，所以我朝那个方向走。因此，我下载了该库并将其放入我的 Web 根目录的 /js 中。然后我将这些行插入到标题内的默认模板中：
< script type="text/javascript" src="/js/jquery.isotope.js" ></script >
（当你这样做时，请查看页面源代码，单击 jQuery、JQueryUI 和 Isotope 链接以确保它们实际存在，如图所示。）
然后我将'Flexi Custom Code'模块安装到Joomla中并输入了我记得的这样的代码：
< script>jQuery('#container').isotope();</script>
我的图像列表只是一篇文章中 < div id="container"> 包含的一些 div。我使用“loadposition”将 Flexi 模块加载到文章中。您可以将 Isotope 加载到文章或模块中，这没有区别。从那以后，我使我的初始化程序变得更加复杂，它仍然有效。对您来说，有很多关于 jsfiddle 的示例可供使用，但请务必将所有 '$(' 更改为 'jQuery(' 否则这些例程会在 Joomla 中引起非常奇怪的冲突。我不像其他真正令人惊叹的人那样技术Stackoverflow，但我真诚地希望这个故事对您有所帮助，并为您节省冒险花费我的所有时间，并希望有人会添加进一步的解释。

于 2013-01-21T21:16:44.043 回答