我可以在我的joomla网站中嵌入一个砌体jquery模板吗?

时间:2012-06-19 06:34:26

标签: jquery joomla jquery-masonry

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

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

Jquery如何使用Joomla,如果它可以的话呢?

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

至于如何将jquery和砌体放入Joomla 2.5中,我就是这么做的,所以也许这个叙述会有所帮助。请原谅这是第一人称。 我几周前加载了jquery,并在各种网站上使用它。但我需要在其中一个上使用砖石程序。我尝试了desandro砖石,自由和同位素,以及其他一些。虽然jQuery对我来说在Joomla中工作得很好,但是没有任何砌体例程可以工作,没有成功。所以我制作了一个原始的html模板,加载了以上所有内容,发现他们在那里工作得很好,令我惊讶。鼓励,我回到Joomla,安装了'jQuery Easy'插件并启用了它。它加载了所需的jQuery,它真正处理与命名空间的奇怪冲突,并防止重复实例。但是,我应该警告你,使用jQuery Easy,jQueryUI此时不会加载。对于当前版本的1.9.2,你必须在插件设置中将'2'放入subversion中。我不认为你需要这个用于砌筑,但我还是把它放进去,因为我有其他的例程。 虽然desandro砖石和同位素在我的测试中对我来说都在Joomla工作,但我已经决定将Isotope作为我的目的最可行,所以我走了那个方向。因此,我下载了库并将其放入我的Web根目录中的/ js中。然后我将这些行插入标题内的默认模板中:
    < script type =“text / javascript”src =“/ js / jquery.isotope.js”>< / script>
(当你这样做时,查看页面源代码,点击jQuery,JQueryUI和Isotope链接以确保它们实际存在,如图所示。)

然后我将'Flexi自定义代码'模块安装到Joomla中并输入这样的代码,我记得它:
    <脚本> jQuery('#container')。isotope();< / script>
我的图像列表只是一些div包含在< div id =“container”>在一篇文章中。我使用'loadposition'将Flexi模块加载到文章中。您可以将Isotope加载到文章或模块中,它没有任何区别。 从那以后,我的init例程变得更加复杂,它仍然有效。对于你来说,有很多关于jsfiddle的例子可以使用,但一定要把所有'$('改为'jQuery('或例程)在Joomla中引起真正奇怪的冲突。 我不像Stackoverflow上那些其他真正令人惊叹的人那样技术性,但我真诚地希望这个故事有所帮助,并为你节省了冒险让我失去的所有时间,并希望有人会进一步解释。