怎样将引用js文件的html文件做成文章
我做了一个网页，里面是3张图片，实现的效果就是，hover时图片放大。在浏览器中已经实现这个效果，但是怎样导入到文章中呢？
这个问题的关键点在于，怎么将html中嵌入（或称作引用吧）的js文件安排妥帖，使其在joomla的文章中正常显示运行。代码在附件中
站长，请神助啊~
这个问题的关键点在于，怎么将html中嵌入（或称作引用吧）的js文件安排妥帖，使其在joomla的文章中正常显示运行。代码在附件中
站长，请神助啊~
没有找到相关结果
已邀请:
7 个回复
跑堂小2 - 冇钱；冇房子；冇成就。要吃饭；要住宿；要消费
赞同来自:
Joomla 本身的扩展库里面有很多的图片放大插件。建议直接寻找一个效果相近的使用，不推荐用这种方式来外挂一个 JS 。
你可以把你的需求描述详细点，我试试帮你找一个效果相似的。
~~~~~~~~~ - 上帝给我的使命，就是证明你们都不是最糟糕的
赞同来自:
站长，您好，我想要的效果就是hover图片（图片可以在a/a中）时，图片放大到指定尺寸，并适当改变z-index，使放大图片在最上层；hover结束后，图片的尺寸和z-index都可以恢复到之前的值，变成 hover之前的样子。其实我就是用附件里的那个样子（我只换了图片）做成了我自己的需求，可是弄到joomla上时，各种无法实现。
还请站长神助啊~
QQ被盗了
赞同来自:
由于 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
）能做到，其它的几乎都是“点击小图看大图”。
所以，我建议你尝试一下，试用一下这些“点击小图看大图”的图库插件，或许你的网站访客并不会失望（老实说，我也没看出来你那个代码展示的图库好在哪里）。
QQ被盗了
赞同来自:
其实我手上的网站是一个大型机械制造销售公司的门面网站，用来展示产品和宣传，交易额较大，所以都是不进行网上交易的，至多有一个留言建议之类的留给访客。我用附件给您看的图片是我替换过的，放大倍数啊什么的我换了参数的。再者，公司的网站的风格是比较朴素的那种，其实我要展示的图片是公司的证书之类的图片，因为比较大，所以需要放大来看。我觉得我挑得那个代码的效果稍微低调自然一些，所以才选它的。只是没想到，不容易在joomla里实现。还有，我看到网站的模板上（模板不是我设计的，网站也不是我建立的），也有引用***.min.js文件的，我想大概这些引用不会是徒劳的吧，因为我对网站不太熟悉，所以引用这个文件是哪个模块我也不得而知。对于难于在joomla上用我的代码实现效果，我感到遗憾，不过我会另想办法的。
谢谢站长的关注，谢谢站长的热心指导。
追梦人 - 梦想每个人都有，但不是每个人都有勇气去坚信，我有
赞同来自:
1、如果是单独菜单文章，可以使用新建一个单独模板来实现。
2、如果是详细文章页面，可以修改文章源文件实现。
3P网络 - 背着回忆的旅游人，即使是再细微的风景，也会留在心中的一个角落~
赞同来自:
如果单纯就你这个目标来探讨的话，就没必要拘泥于非得用那个代码。Joomla 对于在网页中展示大尺寸图片早就有很多插件。
1、如果你是在文章内容里面插入大图（一般企业网站做“资质证书”或者“企业简介”之类页面我认为都可以用文章系统解决），推荐安装一个 BK-Multithumb 插件
，能自动针对大图生成小图（缩略图），这样防止直接加载大图时网页打开太慢；访客点击小图，就弹出大图（漂亮的 lightbox 特效）。
2、如果你要展示大图的页面不是文章系统，那么可以考虑安装 Shadowbox Media Viewer 插件
，这是一个系统插件，可以在全站任何一个页面上生效。然后用小图链接到大图的方法写入代码（标准的 HTML 超链接你应该会写吧），最后按照插件要求给链接的 A 元素插入一个 rel="shadowbox" 属性就可以了。同样能实现“点击小图弹出大图”。