下面是HDCMS多图字段的简单使用:

HDCMS在后台添加的多图,存到数据的时候是经过序列化过的,所以在使用的时候需要进行反序列化操作:

$moreImg = M('keshi')->where(array('aid'=>$aid,'cid'=>$cid))->find();
$moreImg['moreimg'] = unserialize($moreImg['moreimg']);
$moreShowImg = $moreImg['moreimg'];
$this->assign('moreShowImg',$moreShowImg);

这里循环过后的 $moreShowImg是一个数组:

array(2) { ["path"]=> array(2) { [0]=> string(44) "upload/content/2017/06/12/46121497234577.png" [1]=> string(44) "upload/content/2017/06/08/35671496908609.png" } ["alt"]=> array(2) { [0]=> string(9) "图片一" [1]=> string(9) "图片二" } }
//格式化
array(2) {
["path"]=>array(2) {
[0]=> string(44) "upload/content/2017/06/12/46121497234577.png"
[1]=> string(44) "upload/content/2017/06/08/35671496908609.png"
}
["alt"]=> array(2) {
[0]=> string(9) "图片一"
[1]=> string(9) "图片二"
}
}

获得上面图片地址,以及图片的alt属性;

方法一:HDCMS自带的标签:

<!-- 简单获取图片 -->
<foreach from="$moreShowImg['path']" key="$k" value="$v">
<img src="{$v}"/>
</foreach>
<!-- 获取带有alt描述的图片 -->
<foreach from="$moreShowImg['path']" key="$k" value="$v">
<img src="{$v}" alt="{$moreShowImg['alt'][$k]}">
</foreach>

方法二:直接通过PHP标签来做:

<!-- 简单获取图片 -->
<?php foreach ($keshiShowImg['path'] as $k=>$v): ?>
<img src="<?php echo $v;?>" alt="<?php echo $keshiShowImg['alt'][$k] ?>"/>
<?php endforeach; ?>
<!-- 获取带有alt描述的图片 -->
<?php foreach ($keshiShowImg['path'] as $k=>$v): ?>
<img src="<?php echo $v;?>" alt="<?php echo $keshiShowImg['alt'][$k] ?>"/>
<?php endforeach; ?>

第二种方法更加灵活吧!个人觉得:(还可以嵌套其他)

<?php foreach ($keshiShowImg['path'] as $k=>$v): ?>
<?php if($key==0): ?>
<img src="<?php echo $v;?>" class="imgHover" alt="<?php echo $keshiShowImg['alt'][$k] ?>"/>
<?php endif; ?>
<?php if($key>0): ?>
<img src="<?php echo $v;?>" alt="<?php echo $keshiShowImg['alt'][$k] ?>"/>
<?php endif; ?>
<?php endforeach; ?>

最新文章

  1. [LeetCode] Concatenated Words 连接的单词
  2. ajax data传值
  3. hdu 2669 Romantic (乘法逆元)
  4. Swift +AFNetworking3.0 Get
  5. 编写高质量代码--改善python程序的建议(六)
  6. sqlserver临时启用和关闭约束
  7. 安装配置OPENCMS的Replication cluster(从)详细过程
  8. poj 1161 最短路构图
  9. phpstorm配置xdebug
  10. k-means算法概述
  11. JQuery实战总结三 标签页效果图实现
  12. OutputStream与PrintWriter的使用与区别
  13. Python爬虫7-Cookie &amp; Session
  14. MongoDB-增删改
  15. 转:HttpModule与HttpHandler详解
  16. 禁止选中页面内容-兼容ie、firefox、chrome
  17. 20145324 《Java程序设计》第8周学习总结
  18. CentOS 7.x下升级Python版本到3.x系列(新老版本共存)
  19. git branch merge到master
  20. PJzhang:kali linux安装网易云音乐、Visual Studio Code、skype

热门文章

  1. 解决 SSH Connection closed by foreign host 问题
  2. nginx 配置文件详解(转)
  3. 《CoderXiaoban》第八次团队作业:Alpha冲刺1
  4. SQl Server 数据库多表连接
  5. Analysis of algorithms: observation
  6. drf框架 - 序列化组件 | ModelSerializer (查,增,删,改)
  7. Vue 实例成员
  8. c99的新功能
  9. Linux 下查看内存使用情况方法总结
  10. 使用状态文件+vigil 监控系统状态