易优第一张图片为视频后为图片的技巧【eyoucms教程】

小秋同学 09-06 12:55:53 网站教程
摘要: 广告或者相册第一张为视频后为图片的替代方法:参考易居的法子通用<div class="fix-width clearfix">    <div class="detail-info摘要: 广告或者相册第一张为视频后为图片的替代方法:参考易居的法子通用<div class="fix-width clearfix">    <div class="detail-info

广告或者相册第一张为视频后为图片的替代方法:参考易居的法子通用

易优第一张图片为视频后为图片的技巧【eyoucms教程】(图1)


<div class="fix-width clearfix">

    <div class="detail-info ">

      <div class="slides-box width600 fl">

        <div class="slides-big-box width600">

          <ul>

            {eju:notempty name="$eju.field.video"}

            <li style="height: 400px;">

              <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" width="100%" height="100%" controls webkit-playsinline preload="none"

                     poster="{$eju.field.litpic}" data-setup="{}">

                <source src="{$eju.field.video}" type="video/mp4">

                您的浏览器不支持HTML5视频

              </video>

            </li>

            {/eju:notempty}

            {eju:fanglist type="photo" id="vo" group="photo_type"}  

            {eju:fanglist name="$vo.children" id="field" limit='0,1'}

            <li> <a href="{:arcurl('home/Xinfang/view',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'photo','photo_type'=>$field.photo_type,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}"><img src="{$field.photo_pic}" alt="{$field.photo_type}{$field.photo_title}"></a> </li>

            {/eju:fanglist}

            {/eju:fanglist}

          </ul>

          <a href="javascript:;" class="slides-icon slides-big-left"></a> <a href="javascript:;" class="slides-icon slides-big-right"></a> </div>

        <div class="slides-small"> <a href="javascript:;" class="prev iconfont">&#xe62a;</a> <a href="javascript:;" class="next iconfont">&#xe9d1;</a>

          <ul class="slides-small-box width600">

            {eju:notempty name="$eju.field.video"}

            <li>

              <a href="javascript:void(0);"><img class="zmd-index" src="{$eju.field.litpic}"></a>

              <h2>视频看房</h2>

            </li>

            {/eju:notempty}

            {eju:fanglist type="photo" id="vo" group="photo_type"}  

            {eju:fanglist name="$vo.children" id="field" limit='0,1'}

            <li> <a href="javascript:;"><img src="{$field.photo_pic}" alt="{$field.photo_type}{$field.photo_title}"></a>

              <h2>{$field.photo_type}{$field.photo_title}</h2>

            </li>

            {/eju:fanglist}

            {/eju:fanglist}

          </ul>

        </div>

      </div>

标签改为易优 的即可  CSS填充

文章版权及转载声明:

编辑:小秋同学本文地址:https://www.qiuhai.com/study/704.html发布于 09-06 12:55:53
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享
加入收藏

发表评论
加载中~