代码
<div class=”swiper-wrapper”>

<div class=”swiper-slide”>图片地址一</div>

<div class=”swiper-slide”>图片地址二</div>

</div>

先随fm0898小编来看一下这段代码,我们在用帝国CMS制作产品内容页模板的时候需要达到这样的效果。

图集模型就不说了,臃肿难用是许多小白吐嘈最多的!我们可以用新闻系统模型,或者复制个新闻系统模型来制作这样的效果,简单!

我们把图片地址一调用 标题图片,这样就确保每个产品第一张图是肯定存在的,当然如果想全部判断也没有问题,包括对标题图片也进行判断!

图片地址二,图片地址三等我们后台新建字段,然后在代码这里对

<div class=”swiper-slide”>图片地址二</div>

进行判断,即如果图片地址二这个字段,管理员后台上传图片的话,那前台这里就显示。 不上传就不显示这行图片地址二的代码!

后台添加字段这个就不说了,去内容模板中,修改这个页的模板

利用这段代码来判断

[wppay]

<?php

if($navinfor[‘cpst’])
{
?>
<div class=’swiper-slide’><img src='[!–cpst–]’/></div>
<?
}
else
{
?>
<?
}
?>

上面这句是判断 后台 cpst 这个产品缩图的字段有没有上传图片,有了就会获取图片的URL,而没有上传时就不会显示<div class=’swiper-slide’><img src='[!–cpst–]’/></div>整句代码!

下面这句是第二张图,依次,我们后台做了几个字段缩图的,前台就复制几行来判断!

<?php

if($navinfor[‘cpst2′])
{
?>
<div class=’swiper-slide’><img src='[!–cpst2–]’/></div>
<?
}
else
{
?>
<?
}
?>

[/wppay]

发表评论

共有 0 条评论