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

分类栏目:destoon实战

150

商城版块中展示的产品有大图也有中图,如图:

窝窝宝商城页左侧大图右侧中图

而destoon默认的产品展示调用的全部都是小图。为了满足要求,我们需要在调用代码时将小图的代码修改成中图或大图的。在调代码之前,我们需要对大图、中图以及小图做一点点的了解。

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

destoon上传图片后会生成3种后缀

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

一、调用小图代码

小图代码

{$t[thumb]}

<!--举例-->

<img src="http://www.dtmuban.com/course/{$t[thumb]}" alt="{$t[alt]}"/>

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

二、调用中图代码

中图代码

{str_replace('.thumb.', '.middle.',$t[thumb])}

<!--举例-->

<img src="{str_replace('.thumb.', '.middle.',$t[thumb])}" alt="{$t[alt]}"/>

三、调用大图代码

大图代码

{str_replace('.thumb.'.file_ext($t[thumb]), '',$t[thumb])}

<!--举例-->

<img src="{str_replace('.thumb.'.file_ext($t[thumb]), '',$t[thumb])}" alt="{$t[alt]}"/>

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

将中图的代码直接写到模板中方便调用

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