迅睿CMS框架是一款PHP8高性能·簡(jiǎn)單易用的CMS開源開發(fā)框架,基于MIT開源許可協(xié)議發(fā)布,免費(fèi)且不限制商業(yè)使用,是免費(fèi)開源的產(chǎn)品,以萬端互聯(lián)為設(shè)計(jì)理念,支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
聯(lián)系官方銷售客服
1835022288
028-61286886
使用Ftable做banner圖 視頻+圖片這種混合的如何寫代碼呢
兩種方法
1、循環(huán)時(shí)用pathinfo函數(shù)判斷一下后綴名,如果是圖片就輸出img的標(biāo)簽,如果是視頻就輸出video標(biāo)簽。
2、ftable中圖片和視頻分成兩列,前端分別調(diào)用。
這個(gè)是我寫的代碼
<?php $mysite=dr_site_value('hdtp');?> <?php if ($mysite) { $key=0; foreach ($mysite as $v) { ?> <div class="swiper-slide"> {if strpos($v, ".mp4") !== false} <video src="{dr_get_file($v[1])}" muted loop autoplay></video> {else} <img class="img" src="{dr_get_file($v[1])}" alt="{$v[2]}"> <img class="img2" src="" alt="{$v[2]}"> {/if} </div> <?php $key++; } } ?>
編譯后的代碼
<div class="swiper-wrapper"> <div class="swiper-slide"> <video src="/uploadfile/202308/0462fed0e001ebb.mp4" muted loop autoplay></video> </div> <div class="swiper-slide"> <video src="/uploadfile/202308/007dcf0cc8a3694.mp4" muted loop autoplay></video> </div> <div class="swiper-slide"> <video src="/uploadfile/202308/17edbe7baccf264.jpg" muted loop autoplay></video> </div> <div class="swiper-slide"> <video src="/uploadfile/202308/dee803ec7343cfd.jpg" muted loop autoplay></video> </div
回復(fù)@思鉑網(wǎng)絡(luò) 試試這樣
<?php $mysite=dr_site_value('hdtp');?> <?php if ($mysite) { $key=0; foreach ($mysite as $v) { ?> <div class="swiper-slide"> {if strpos(dr_get_file($v[1]), ".mp4") !== false} <video src="{dr_get_file($v[1])}" muted loop autoplay></video> {else} <img class="img" src="{dr_get_file($v[1])}" alt="{$v[2]}"> <img class="img2" src="" alt="{$v[2]}"> {/if} </div> <?php $key++; } } ?>
兩種方法
1、循環(huán)時(shí)用pathinfo函數(shù)判斷一下后綴名,如果是圖片就輸出img的標(biāo)簽,如果是視頻就輸出video標(biāo)簽。
2、ftable中圖片和視頻分成兩列,前端分別調(diào)用。
這個(gè)是我寫的代碼
編譯后的代碼
回復(fù)@思鉑網(wǎng)絡(luò) 試試這樣