联系官方销售客服

1835022288

028-61286886

开发框架 版主:迅睿框架研发组
首页的banner图手机和电脑端同时循环,用什么自定义格式调用
类型:迅睿CMS 更新时间:2021-12-03 14:37:56
模板标签里面


{xunruicms_img_title}


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



回帖
  • 姜凯
    #1楼    姜凯
    2021-12-03 12:26:40
    Chrome 0
    网站信息功能,新建一个表格字段
  • 夜雨微澜
    #2楼    夜雨微澜
    2021-12-03 12:27:34
    Chrome 0
    姜凯 那是单图吧,同时循环呢
  • perweb
    #3楼    perweb
    2021-12-03 12:27:50
    小米手机 0
    不就是变了图片吗,直接根据端判断图片就行了
  • 志伟
    #4楼    志伟
    2021-12-03 12:27:51
    Chrome 0
    如果电脑和手机尺寸不一样的话,可以用下面的标签:
    缩略图:{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
    Chrome 0
    志伟 如果一定要两张图同时循环呢
  • 小小鸟
    #6楼    小小鸟
    2021-12-03 12:29:45
    Chrome 0
    迅睿后台, 设置 -- 网站信息 ----幻灯图片 管理,上传图片,调用代码:全局调用网站字段信息:
    按需循环写法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
    Chrome 0
    志伟 建议加两个栏目 电脑轮播图 和 手机轮播图 然后里面发文章缩略图用上面那个标签就行。这样比较灵活,加内容都可以。
  • 小小鸟
    #8楼    小小鸟
    2021-12-03 12:32:48
    Chrome 0
    如果代码是自适应,只需要CSS样式自我调整都可以了,如果 电脑端的代码与手机端的 代码分别写,那么建议你用两套不同banner 图。
  • 有型的胖子
    #9楼    有型的胖子
    2021-12-03 13:01:05
    Chrome 0
    网站后台设置里面的新建字段 一个是pc段轮播图一个手机端的
  • 志伟
    #10楼    志伟
    2021-12-03 13:11:20
    Chrome 0
    夜雨微澜 同时掉参考下面

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

    缩略图:{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
    Chrome 0
    @media screen and (max-width:768px) {
        .home_cover_pc {
            display:none!important
        }
      }
    上面的少了一个}
  • 夜雨微澜
    #12楼    夜雨微澜
    2021-12-03 14:29:13
    Chrome 0
    加两个栏目添加文章是行不通的,是手机和电脑两个一起循环的。
  • 新手上路
    #13楼    新手上路
    2021-12-03 14:34:18
    Chrome 0
    夜雨微澜
    .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
    Chrome 0
    {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}
    还有这个方法

    参考文档:《判断终端》