【问题标题】:Can I embed a masonry jquery template into my joomla website?我可以将砌体 jquery 模板嵌入到我的 joomla 网站中吗?
【发布时间】:2013-01-22 05:39:06
【问题描述】:

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

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

如果可以的话,Jquery 如何与 Joomla 一起工作?

【问题讨论】:

    标签: jquery joomla jquery-masonry


    【解决方案1】:

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

    【讨论】:

    • 我不知道该怎么做,但你给了我一个努力的方向。谢谢。
    【解决方案2】:

    至于如何将 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 中。然后我将这些行插入到标题内的默认模板中:

    (执行此操作时,请查看页面源代码,单击 jQuery、JQueryUI 和 Isotope 链接以确保它们确实存在,如图所示。)
    然后我将“Flexi Custom Code”模块安装到 Joomla 中,并输入了这样的代码:
    jQuery('#container').isotope();
    我的图像列表只是一篇文章中 包含的一些 div。我使用“loadposition”将 Flexi 模块加载到文章中。您可以将 Isotope 加载到文章或模块中,这没有区别。 从那以后,我使我的初始化程序变得更加复杂,它仍然有效。对你来说,有很多关于 jsfiddle 的示例可供使用,但请务必将所有 '$(' 更改为 'jQuery(',否则这些例程会在 Joomla 中引起非常奇怪的冲突。 我不像 Stackoverflow 上其他真正了不起的人那样技术精湛,但我真诚地希望这个故事能有所帮助,并为你节省冒险花费我的所有时间,希望有人能添加进一步的解释。

    【讨论】:

      猜你喜欢
      • 2011-07-15
      • 1970-01-01
      • 2011-08-11
      • 1970-01-01
      • 1970-01-01
      • 2015-08-26
      • 2011-12-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多