业务经理

微信扫描以上二维码

028-61286886

技术咨询

首页的banner图手机和电脑端同时循环,用什么自定义格式调用

迅睿框架 更新 2021-12-03 14:37:56 夜雨微澜
模板标签里面


{xunruicms_img_title}


当首页的banner图手机和电脑端同时循环的时候用什么自定义格式调用呢?



方案

  • 姜凯 #1 · 2021-12-03 12:26:40
    网站信息功能,新建一个表格字段
  • 夜雨微澜 #2 · 2021-12-03 12:27:34
    姜凯 那是单图吧,同时循环呢
  • perweb #3 · 2021-12-03 12:27:50
    不就是变了图片吗,直接根据端判断图片就行了
  • 志伟 #4 · 2021-12-03 12:27:51
    如果电脑和手机尺寸不一样的话,可以用下面的标签:
    缩略图:{dr_thumb($t.thumb, 100, 100)}    //前一个100宽度   后一个100高度
    例如:电脑 宽高1920 * 600 {dr_thumb($t.thumb, 1920, 600)}手机 宽高680 *480 {dr_thumb($t.thumb, 680, 480)}
  • 夜雨微澜 #5 · 2021-12-03 12:28:58
    志伟 如果一定要两张图同时循环呢
  • 小小鸟 #6 · 2021-12-03 12:29:45
    迅睿后台, 设置 -- 网站信息 ----幻灯图片 管理,上传图片,调用代码:全局调用网站字段信息:
    按需循环写法1:
    <?php if (dr_site_value('hdtp')) { foreach (dr_site_value('hdtp') as $v) { ?>
    图片: {dr_get_file($v[1])}
    名称: {$v[2]}
    跳转地址: {$v[3]}
    <?php } } ?>
    ===========================
    按需循环写法2:
    {php $mval = dr_site_value('hdtp');}
    {loop $mval $v}
    图片: {dr_get_file($v[1])}
    名称: {$v[2]}
    跳转地址: {$v[3]}
    {/loop}
    ===========================
    循环2次的写法:
    {php $mval = $arr = array_slice(dr_site_value('hdtp'), 0, 2);}
    {loop $mval $v}
    图片: {dr_get_file($v[1])}
    名称: {$v[2]}
    跳转地址: {$v[3]}
    {/loop}
    ===========================
    表格写法-默认class写法:{dr_get_ftable(52, dr_site_value('hdtp'))}
    ---------
    自定义table的class写法:{dr_get_ftable(52, dr_site_value('hdtp'), 'mytableclass')}
    ---------
    mytableclass就是给表格加class,解析为:table calss="mytableclass"
    ---------
    手机版 重新添加一下 自定义字段导入自定义字段代码如下:{"name":"手机端幻灯图片","fieldname":"hdtp","fieldtype":"Ftable","isedit":"1","ismain":"1","issystem":"0","ismember":"1","issearch":"0","disabled":"0","setting":{"option":{"is_add":"1","is_first_hang":"0","count":"","first_cname":"","hang":{"1":{"name":""},"2":{"name":""},"3":{"name":""},"4":{"name":""},"5":{"name":""}},"field":{"1":{"type":"3","name":"图片","width":"200","option":""},"2":{"type":"1","name":"名称","width":"200","option":""},"3":{"type":"1","name":"跳转地址","width":"","option":""},"4":{"type":"0","name":"","width":"","option":""},"5":{"type":"0","name":"","width":"","option":""},"6":{"type":"0","name":"","width":"","option":""},"7":{"type":"0","name":"","width":"","option":""},"8":{"type":"0","name":"","width":"","option":""},"9":{"type":"0","name":"","width":"","option":""},"10":{"type":"0","name":"","width":"","option":""}},"width":"","height":"","css":""},"validate":{"required":"0","pattern":"","errortips":"","xss":"1","check":"","filter":"","tips":"","formattr":""},"is_right":"0"},"displayorder":"0"}即可。
  • 志伟 #7 · 2021-12-03 12:29:47
    志伟 建议加两个栏目 电脑轮播图 和 手机轮播图 然后里面发文章缩略图用上面那个标签就行。这样比较灵活,加内容都可以。
  • 小小鸟 #8 · 2021-12-03 12:32:48
    如果代码是自适应,只需要CSS样式自我调整都可以了,如果 电脑端的代码与手机端的 代码分别写,那么建议你用两套不同banner 图。
  • 有型的胖子 #9 · 2021-12-03 13:01:05
    网站后台设置里面的新建字段 一个是pc段轮播图一个手机端的
  • 志伟 #10 · 2021-12-03 13:11:20
    夜雨微澜 同时掉参考下面

    如果电脑和手机尺寸不一样的话,可以用下面的标签:

    缩略图:{dr_thumb($t.thumb, 100, 100)}    //前一个100宽度   后一个100高度

    例如:

    电脑 宽高1920 * 600 {dr_thumb($t.thumb, 1920, 600)}

    手机 宽高680 *480 {dr_thumb($t.thumb, 680, 480)}建议加两个栏目 电脑轮播图 和 手机轮播图 然后里面发文章缩略图用上面那个标签就行。这样比较灵活,可以一起掉,也可以分开给轮播图添内容。

  • 新手上路 #11 · 2021-12-03 13:22:04
    @media screen and (max-width:768px) {
        .home_cover_pc {
            display:none!important
        }
      }
    上面的少了一个}
  • 夜雨微澜 #12 · 2021-12-03 14:29:13
    加两个栏目添加文章是行不通的,是手机和电脑两个一起循环的。
  • 新手上路 #13 · 2021-12-03 14:34:18
    夜雨微澜
    .home_cover_mob{
            display:none
       }
    @media screen and (max-width:768px) {
        .home_cover_pc {
            display:none!important
        }
        .home_cover_mob {
            display:block!important
        }
      }
    既然非要写一起循环,css控制吧
  • 新手上路 #14 · 2021-12-03 14:37:56
    {if \Phpcmf\Service::IS_PC_USER()} 是电脑端端的访客 {/if} 4.3.15以上使用
    {if \Phpcmf\Service::IS_MOBILE_USER()} 是移动端的访客 {/if} 4.3.15以上使用
    {if dr_is_weixin_app()} 来自微信app的公众号里面 {/if}
    还有这个方法

    参考文档:《判断终端》

迅睿系统漏洞

站群分站系统
站群分站系统(2026-10-15)
子站域名新增llms.txt访问
GEO系统
GEO系统(2026-10-14)
修复下载zip空白地址问题 修复流量复刻和任务队列错误
GeoSeo收录宝
GeoSeo收录宝(2026-10-14)
新增 站长工具箱 前端首页自动调用meta 数据
滑块验证码 Gocaptcha
滑块验证码 Gocaptcha(2026-10-13)
基于开源项目 go-captcha 的行为验证码插件,滑动拼图、区域...
GeoSeo工具箱
GeoSeo工具箱(2026-10-13)
优化巡检任务
GeoSeo排名助手
GeoSeo排名助手(2026-10-11)
加入大模型自定义
SEO聚合关键字
SEO聚合关键字(2026-10-11)
优化关键字列表页最多支持1万篇文章,过多会导致服务器扛不住;
CMS内容同步复制
CMS内容同步复制(2026-10-10)
增加时间是否更新的开关