技术资讯
DEDE与MagicZoom放大镜效果在内容页完美结合(原创)
2011-11-08 23:40:29
给大家发一个最近研究出来的MagicZoom放大镜效果和dede内容页完美结合的效果,能实现图片细节查看的效果。
原始的效果://omomo.top/a/download/software/ജ2011/1108/183.html
(不显示效果,多刷新一下,为了效果我放的大图片有些大,加载慢,实际应用中可不用放这么大的图)
这个效果是原始的,我们破解后,去掉了版权信息,当然还和dede结合啦。把破解后的js文件和css文件,以及前台调用代码,还有可自动安装的自定义模型代码一块打包了,下载地址在文章尾部。
破解后的效果截图:
好废话少说,开始动手:
SPEP1:增加一个自定义模型:
核心——频道模型——内容模型管理——增加新模型
切记,在“列表附加字段”,增加上前台要调用的字段标签,我这里需要调用文章正文、产品缩略图、放大后图片、产品概要,字段依次为:
body,productspic1,productspic2,productsinnertxt
截图:
另外,两个图片的字段,再添加的时候了记得选择上“前台参数:挑勾”,“数据类型:图片(无格式)”。
截图:
STEP2:模板调用标签
在你的article或者自己增加的内容页模板上,调用标签。我的模板调用代码如下(你的根据你页面实际情况做适当调整,别忘记调用样式就行class="MagicZoom"):
<div><dl class="prd_mesg clearfix">
<dt><a href="{dede:field.productspic2/}" title="" class="MagicZoom"><img src='{dede:field.productspic1/}' width="274px"; height="273px" /></a></dt>
<dd>
<h2>{dede:field.title/}</h2>
{dede:field name='productsinnertxt'/}
</dd>
</dl>
{dede:field.⛎body/}</div>
STEP3:添加栏目
增加一个栏目,同时选择刚刚增加的自定义模型,如下图。之后,在“高级选项”下选定刚刚添加标签调用的内容页模板。
STEP4:添加文档
提交后,点击内容,添加一篇文档,那个“产品内页缩略图”就是我设定的小图,内页大图就是放大后的图。备注:这个js效果非常好,因为大图小图是分开的,这样的好处一个是有利于图像显示不失真,一个是图片加载比较合理。如下图:
这两个图片,大图和小图最好是同一个宽高比例的,这样就会实现图片细节放大查看的效果了。
这个效果是原始的,我们破解后,去掉了版权信息,当然还和dede结合啦。把破解后的js文件和css文件,以及前台调用代码,还有可自动安装的自定义模型代码一块打包了,大家到这个页面下载即可。
//omomo.top/a/download/software/201🍎1/1108/183.html
RAR解密密码:LeadTo
文件名:MagicZoom
如有疑问,可以随时到我们网站咨询在线QQ(473587358) 加拿大预测网-在线预测:omomo.top
原文出处(支持原创,转载请注明出处):加拿大预测网-在线预测://omomo.top/a/download/others/2011/1108/🗹191.hꦇtml
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:青岛网站建设公司,高端网站定制,一站ꦐ式网站服务——力图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2012-03-08 17:29:16] 加拿大预测网-在线预测:设计兼容性好的Web页面
- [2008-10-31 16:41:00] 加拿大预测网-在线预测:26个热门的女网页设计师
- [2013-04-03 08:54:20] 加拿大预测网-在线预测:skype网页代码
- [2011-10-31 23:44:42] 加拿大预测网-在线预测:网站建设如何做好网站规划?
- [2013-04-24 17:08:23] 加拿大预测网-在线预测:dede程序模板页面的时间日期始终是1970-01-01的解决办法
- [2011-09-10 23:13:10] 加拿大预测网-在线预测:青岛网站建设哪家好?
- [2009-04-09 11:29:00] 加拿大预测网-在线预测:页面制作是如何精确还原设计稿的
- [2012-06-18 14:21:28] 加拿大预测网-在线预测:青岛网站设计如何突出网页核心内容
- [2012-03-03 13:12:31] 加拿大预测网-在线预测:dede默认页的名称长度
- [2016-04-20 17:27:05] 加拿大预测网-在线预测:IE6 IE7 IE8中的网页表格不显示边框 已解决
- [2012-02-22 22:39:51] 加拿大预测网-在线预测:如何进行网站加拿大预测网-在线预测改版
- [2014-12-13 23:40:01] 加拿大预测网-在线预测:百度如何分析网页质量高低
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案