登录 注册

登录

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

更多
2014年05月12日 16:22 - 2014年05月12日 16:26 #1 作者: 乙言
我做了一个网页,里面是3张图片,实现的效果就是,hover时图片放大。在浏览器中已经实现这个效果,但是怎样导入到文章中呢?
这个问题的关键点在于,怎么将html中嵌入(或称作引用吧)的js文件安排妥帖,使其在joomla的文章中正常显示运行。代码在附件中
白站长,请神助啊~

本帖有文件附件。
登录之后才能看到。

最后修改: 2014年05月12日 16:26 由 乙言. 原因: 掉了附件

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年05月12日 17:27 #2 作者: Joomla之门
这种自定义 JS 效果可以引入到 Joomla 文章内容里面去,但是过程太复杂了,而且很容易引起扩展之间的冲突。

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

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

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年05月15日 12:26 #3 作者: 乙言
对joomla都有意见了,这种在浏览器中这么容易实现的效果,在joomla中就这么麻烦。。。
白站长,您好,我想要的效果就是hover图片(图片可以在<a></a>中)时,图片放大到指定尺寸,并适当改变z-index,使放大图片在最上层;hover结束后,图片的尺寸和z-index都可以恢复到之前的值,变成 hover之前的样子。其实我就是用附件里的那个样子(我只换了图片)做成了我自己的需求,可是弄到joomla上时,各种无法实现。
还请白站长神助啊~

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年05月17日 16:18 #4 作者: Joomla之门
我刚刚尝试在 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 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

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

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

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年05月18日 15:47 #6 作者: 乙言
白站长,您好,很荣幸得到您的指导。

其实我手上的网站是一个大型机械制造销售公司的门面网站,用来展示产品和宣传,交易额较大,所以都是不进行网上交易的,至多有一个留言建议之类的留给访客。我用附件给您看的图片是我替换过的,放大倍数啊什么的我换了参数的。再者,公司的网站的风格是比较朴素的那种,其实我要展示的图片是公司的证书之类的图片,因为比较大,所以需要放大来看。我觉得我挑得那个代码的效果稍微低调自然一些,所以才选它的。只是没想到,不容易在joomla里实现。还有,我看到网站的模板上(模板不是我设计的,网站也不是我建立的),也有引用***.min.js文件的,我想大概这些引用不会是徒劳的吧,因为我对网站不太熟悉,所以引用这个文件是哪个模块我也不得而知。对于难于在joomla上用我的代码实现效果,我感到遗憾,不过我会另想办法的。

谢谢白站长的关注,谢谢白站长的热心指导。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年05月18日 16:33 #7 作者: 偶看
个人认为应该没那么难。

1、如果是单独菜单文章,可以使用新建一个单独模板来实现。
2、如果是详细文章页面,可以修改文章源文件实现。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年05月18日 18:47 #8 作者: Joomla之门

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


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

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

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

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论