问题 怎样将引用js文件的html文件做成文章

这种自定义 JS 效果可以引入到 Joomla 文章内容里面去，但是过程太复杂了，而且很容易引起扩展之间的冲突。

Joomla 本身的扩展库里面有很多的图片放大插件。建议直接寻找一个效果相近的使用，不推荐用这种方式来外挂一个 JS 。

你可以把你的需求描述详细点，我试试帮你找一个效果相似的。

我刚刚尝试在 Joomla 3 上面加载你的示范代码，但是失败了。

由于 Joomla 3 核心本身就自带 jQuery 脚本库并且自动加载，所以再次加载你的 jquery-1.4.2.min.js 文件就容易发生冲突。

而且，从我个人角度看，不提倡挂载外部脚本。如果你真的需要这种功能，建议根据 Joomla 3 自带的 jQuery 库（位于 /media/jui/js 这个目录中）来重新改写你的函数代码。

最后，基于你对最终效果的描述，我感觉通过 CSS3 的 Transform 及 Transition 属性，最多加上 Animation 属性，这三者联合起来，应该能实现同样效果，何必非要用 JS 呢？建议好好学一下 CSS3 吧。

另外，你对你的需求描述的过于简单，所以我还不清楚你最终想要怎样使用这种效果？在文章里面大量使用？还是只在某个边栏模块中使用？希望描述详细一些，或许我可以帮你看看现有的 Joomla 3 扩展里面有没有能实现近似效果的。

我刚刚看了一下 Joomla 官方扩展库 里面有关“在文章中展示图库”的插件，总数大概42个左右，但是没有一个能实现与你的示范代码一样或者近似的效果。即便是“鼠标悬停时自动放大”这个效果，也只有一个插件（ BK-Multithumb ）能做到，其它的几乎都是“点击小图看大图”。

所以，我建议你尝试一下，试用一下这些“点击小图看大图”的图库插件，或许你的网站访客并不会失望（老实说，我也没看出来你那个代码展示的图库好在哪里）。

乙言 写道:

……其实我要展示的图片是公司的证书之类的图片，因为比较大，所以需要放大来看。……

如果单纯就你这个目标来探讨的话，就没必要拘泥于非得用那个代码。Joomla 对于在网页中展示大尺寸图片早就有很多插件。

1、如果你是在文章内容里面插入大图（一般企业网站做“资质证书”或者“企业简介”之类页面我认为都可以用文章系统解决），推荐安装一个 BK-Multithumb 插件 ，能自动针对大图生成小图（缩略图），这样防止直接加载大图时网页打开太慢；访客点击小图，就弹出大图（漂亮的 lightbox 特效）。

2、如果你要展示大图的页面不是文章系统，那么可以考虑安装 Shadowbox Media Viewer 插件 ，这是一个系统插件，可以在全站任何一个页面上生效。然后用小图链接到大图的方法写入代码（标准的 HTML 超链接你应该会写吧），最后按照插件要求给链接的 A 元素插入一个 rel="shadowbox" 属性就可以了。同样能实现“点击小图弹出大图”。