艺灵设计

全部文章
×

destoon v6.0教程之调用产品的大中小图

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2015-10-16 16:51:55 - 阅: - 评:0 - 积分:0

摘要:
  destoon默认的商城页面展示的产品调用的都是小图代码,由于我们公司的布局需要,这里需要调用大图的中图......

公司网站(窝窝宝)商城版块中展示的产品有大图也有中图,如图:窝窝宝商城页左侧大图右侧中图destoon默认的产品展示调用的全部都是小图。为了满足要求,我们需要在调用代码时将小图的代码修改成中图或大图的。在调代码之前,我们需要对大图、中图以及小图做一点点的了解。

正常情况下,我们在后台上传图片时都是大图,上传后destoon系统会默认生成除原图外的2种格式的图片,分别是:小图后缀.thumb.jpg,中图后缀.middle.jpg,还是来张图解吧:destoon上传图片后会生成3种后缀

接下来看下调取图片的代码吧。

一、调用小图代码

小图代码

  1. {$t[thumb]}
  2. <!--举例-->
  3. <img src="{$t[thumb]}" width="{$width}" height="{$height}" alt="{$t[alt]}"/>

中图及大图的代码是咨询西安官方那边后得到的,需要的拿好。

二、调用中图代码

中图代码

  1. {str_replace('.thumb.', '.middle.',$t[thumb])}
  2. <!--举例-->
  3. <img src="{str_replace('.thumb.', '.middle.',$t[thumb])}" alt="{$t[alt]}"/>

三、调用大图代码

大图代码

  1. {str_replace('.thumb.'.file_ext($t[thumb]), '',$t[thumb])}
  2. <!--举例-->
  3. <img src="{str_replace('.thumb.'.file_ext($t[thumb]), '',$t[thumb])}" alt="{$t[alt]}"/>

调取中图以及大图的代码都有了,如果想在页面中显示大图,可以直接复制上面的代码到相关.htm页面中,例如:/根目录/template/文件夹/mall/show.htm。当然了,这个也可以写到后台的标签模块中,方便调用。如图:将中图的代码直接写到模板中方便调用

----------完----------

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/xwzj/2015-10-16/333.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: destoon教程 destoon v6.0 大中小图代码 thumb 调用产品大图

上一篇: destoon v6.0登录后台时提示累计10次错误尝试   下一篇: destoon后台上传图片提示error(7)错误的解决方法

评论区