帝国CMS在列表页模板调用图片集大小图

帝国CMS的大小图默认路径存放在副表morepic这个字段中,

这个表是副表,帝国列表页调用副表字段是不可以直接用标签的,需要使用PHP语句,即在列表内容模板使用程序代码,先调用mo

oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
帝国cms的大小图默认路径存放在副表morepic这个字段中,oFoECMSPLUS
oFoECMSPLUS
这个表是副表,帝国列表页调用副表字段是不可以直接用标签的,需要使用PHP语句,即在列表内容模板使用程序代码,先调用morepic字段的内容,然后对字段内容进行分割,最后再一一输出,如图:oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
具体代码如下,可以根据自己的需要进行修改:oFoECMSPLUS
oFoECMSPLUS
$fr=$empire->fetch1("select * from {$dbtbpre}ecms_shop_data_{$r[stb]} where id='$r[id]'");oFoECMSPLUS
$rexp="\r\n";oFoECMSPLUS
$fexp="::::::";oFoECMSPLUS
$rr=explode($rexp,$fr[morepic]);oFoECMSPLUS
$count=count($rr);oFoECMSPLUS
$listtemp="";oFoECMSPLUS
for($i=1;$i<$count+1;$i++)oFoECMSPLUS
{oFoECMSPLUS
$frt=explode($fexp,$rr[$i-1]);oFoECMSPLUS
$listtemps.=('<div class="procarousel" > <div class="thumb"> <a href="'.$frt[1].'" rel="lightbox[roadtrip]"><img class="lazy" data-original="'.$frt[1].'" src="'.$frt[1].'" alt="'.$frt[0].'"><i class="fa fa-search"></i></a> </div> <div class="name"><h4 class="title"></h4></div></div>');oFoECMSPLUS
}oFoECMSPLUS
$listtemp=('<div class="section pt-10" id="details[!--id--]" style="padding-top: 4.5rem !important;margin-bottom: -4.5rem;">oFoECMSPLUS
  <div class="container">oFoECMSPLUS
    <div class="row">oFoECMSPLUS
      <div class="col-md-6 col-lg-6 mb-6 col-sm-12" data-aos="fade-right" data-aos-delay="400">oFoECMSPLUS
       <div class="Pro-carousel pt-10">oFoECMSPLUS
oFoECMSPLUS
 '.$listtemps.'oFoECMSPLUS
oFoECMSPLUS
        </div>oFoECMSPLUS
      </div>oFoECMSPLUS
      <div class="col-md-6 col-lg-6 col-sm-12 mb-6" data-aos="fade-left" data-aos-delay="400">oFoECMSPLUS
        <div class="project-desc pt-10">oFoECMSPLUS
          <h4 class="title ">[!--title--]</h4><hr>oFoECMSPLUS
          <p>[!--intro--]</p>oFoECMSPLUS
        </div>oFoECMSPLUS
      </div>oFoECMSPLUS
    </div>oFoECMSPLUS
  </div>oFoECMSPLUS
</div>');oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
也可以建立图片集字段morepic并设置为主表,这样列表页就可以调用oFoECMSPLUS
 

详细实例:

调morepic图片集小图(缩图):oFoECMSPLUS
<?phpoFoECMSPLUS
$picr=explode(egetzy('rn'),$navinfor[morepic]);oFoECMSPLUS
for($p=0;$p<count($picr);$p++)oFoECMSPLUS
{oFoECMSPLUS
$spicr=explode("::::::",$picr[$p]);oFoECMSPLUS
?>oFoECMSPLUS
<div><img src="<?=$spicr[0]?>" /></div>oFoECMSPLUS
<?phpoFoECMSPLUS
}oFoECMSPLUS
?>oFoECMSPLUS
调取后输出结果:oFoECMSPLUS
<div><img src="小图1地址" /></div><div><img src="小图2地址" /></div>…oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
内容页调用图集中第一张图片:oFoECMSPLUS
<?phpoFoECMSPLUS
$str=$navinfor[morepic];oFoECMSPLUS
$exp=explode("::::::",$str);oFoECMSPLUS
?>oFoECMSPLUS
<img src="<?=$a=$exp[1];?>" alt="第一张" />oFoECMSPLUS
<?phpoFoECMSPLUS
?>oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
oFoECMSPLUS
列表内容模板(list.var调用图集一张图片oFoECMSPLUS
说明:$mp[0]为小图,$mp[1]为大图:oFoECMSPLUS
if(!empty($r[morepic]))oFoECMSPLUS
{oFoECMSPLUS
$morepic=$r['morepic'];oFoECMSPLUS
$mpr=explode(PHP_EOL,$morepic);oFoECMSPLUS
$mpcount=count($mpr);oFoECMSPLUS
for($mpi=0;$mpi<$mpcount;$mpi++){oFoECMSPLUS
$mp=explode('::::::',$mpr[$mpi]);oFoECMSPLUS
}oFoECMSPLUS
}oFoECMSPLUS
$listtemp='<a href="[!--titleurl--]"><div class="img"><img src="'.$mp[0].'"> <em><span class="transition">查看详细介绍<i>></i></span></em></div></a>';oFoECMSPLUS
 

如下示例代码:

$fr=$empire->fetch1("select * from {$dbtbpre}ecms_shop_data_{$r[stb]} where id='$r[id]'");
$rexp="\r\n";
$fexp="::::::";
$rr=explode($rexp,$fr[morepic]);
$count=count($rr);
$listtemp="";
for($i=1;$i<$count+1;$i++)
{
$frt=explode($fexp,$rr[$i-1]);
$listtemps.=('<div class="procarousel" > <div class="thumb"> <a href="'.$frt[1].'" rel="lightbox[roadtrip]"><img class="lazy" data-original="'.$frt[1].'" src="'.$frt[1].'" alt="'.$frt[0].'"><i class="fa fa-search"></i></a> </div> <div class="name"><h4 class="title"></h4></div></div>');
}
$listtemp=('<div class="section pt-10" id="details&#091;!--id--]" style="padding-top: 4.5rem !important;margin-bottom: -4.5rem;">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-lg-6 mb-6 col-sm-12" data-aos="fade-right" data-aos-delay="400">
       <div class="Pro-carousel pt-10">

 '.$listtemps.'

        </div>
      </div>
      <div class="col-md-6 col-lg-6 col-sm-12 mb-6" data-aos="fade-left" data-aos-delay="400">
        <div class="project-desc pt-10">
          <h4 class="title ">&#091;!--title--]</h4><hr>
          <p>&#091;!--intro--]</p>
        </div>
      </div>
    </div>
  </div>
</div>');


分享到 :
相关推荐

发表评论

登录... 后才能评论

评论(3)

加入本站VIP会员订阅计划,海量资源免费下载查看

目前为止共有3位优秀的VIP会员加入!

立即加入VIP会员