迅睿CMS框架是一款PHP8高性能·简单易用的CMS开源开发框架, 基于MIT开源许可协议发布,不限制商业使用,以多端互联为设计理念, 支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
新建的图集字段,怎么调用远程附件URL
<div id="pg-img" class="jqzoom product-img"> <li><img alt="{$title}" src="{dr_get_file($thumb)}" jqimg="{dr_get_file($thumb)}"></li> </div> <div id="pg-list"> <a href="javascript:;" class="pg-control sc-prev" id="pg-forward"></a> <a href="javascript:;" class="pg-control sc-next" id="pg-backward"></a> <div class="pg-items"> <ul class="lh clearfix"> <?php $tupianji = dr_arraycut($tupianji, 10);?> <?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?> <li><img src="{dr_thumb($c, 58, 58)}" data-url="{dr_thumb($c, 400, 400)}"></li> {php $myfile=\Phpcmf\Service::C()->get_attachment($c);} <?php $key++;} } ?> </ul> </div> </div> </div>
<div class="pg-items"> <ul class="lh clearfix"> <li> <img src="/uploadfile/thumb/94/f8/98f13708210194c475687be6106a3b84/58x58_auto.jpg" data-url="/uploadfile/thumb/94/f8/98f13708210194c475687be6106a3b84/400x400_auto.jpg"> </li> <li> <img src="/uploadfile/thumb/39/57/3c59dc048e8850243be8079a5c74d079/58x58_auto.jpg" data-url="/uploadfile/thumb/39/57/3c59dc048e8850243be8079a5c74d079/400x400_auto.jpg"> </li> <li> <img src="/uploadfile/thumb/b9/db/b6d767d2f8ed5d21a44b0e5886680cb9/58x58_auto.jpg" data-url="/uploadfile/thumb/b9/db/b6d767d2f8ed5d21a44b0e5886680cb9/400x400_auto.jpg"> </li> <li> <img src="/uploadfile/thumb/3d/6c/37693cfc748049e45d87b8c7d8b9aacd/58x58_auto.jpg" data-url="/uploadfile/thumb/3d/6c/37693cfc748049e45d87b8c7d8b9aacd/400x400_auto.jpg"> </li> <li> <img src="/uploadfile/thumb/1f/f5/1ff1de774005f8da13f42943881c655f/58x58_auto.jpg" data-url="/uploadfile/thumb/1f/f5/1ff1de774005f8da13f42943881c655f/400x400_auto.jpg"> </li> <li> <img src="/uploadfile/thumb/8c/2e/8e296a067a37563370ded05f5a3bf3ec/58x58_auto.jpg" data-url="/uploadfile/thumb/8c/2e/8e296a067a37563370ded05f5a3bf3ec/400x400_auto.jpg"> </li> <li> <img src="/uploadfile/thumb/47/77/4e732ced3463d06de0ca9a15b6153677/58x58_auto.jpg" data-url="/uploadfile/thumb/47/77/4e732ced3463d06de0ca9a15b6153677/400x400_auto.jpg"> </li> </ul> </div> </div> </div>
<img src="{dr_get_file($thumb)}" jqimg="{dr_get_file($thumb)}">
<?php $tupianji = dr_arraycut($tupianji, 10);?> <?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?> <li><img alt="{$title}" src="{dr_thumb($c, 58, 58)}" data-url="{dr_thumb($c, 400, 400)}"></li> {php $myfile=\Phpcmf\Service::C()->get_attachment($c);} <?php $key++;} } ?>
<li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li> 把缩略图函数改成原图直出函数就行了
<li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li>
<div class="pg-items"> <ul class="lh clearfix"> <?php $tupianji = dr_arraycut($tupianji, 10);?> <?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?> <li> <img src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"> </li> {php $myfile=\Phpcmf\Service::C()->get_attachment($c);} <?php $key++;} } ?> </ul> </div> </div> </div>
<div class="pg-items"> <ul class="lh clearfix"> <li> <img src="/uploadfile/202505/031dd2b3e53b4.jpg" data-url="/uploadfile/202505/031dd2b3e53b4.jpg"> </li> <li> <img src="/uploadfile/202505/39f9b488f709eec.jpg" data-url="/uploadfile/202505/39f9b488f709eec.jpg"> </li> <li> <img src="/uploadfile/202505/35149474e4fbe18.jpg" data-url="/uploadfile/202505/35149474e4fbe18.jpg"> </li> <li> <img src="/uploadfile/202505/97d34fc11b2d090.jpg" data-url="/uploadfile/202505/97d34fc11b2d090.jpg"> </li> </ul> </div> </div> </div>
data-url="{dr_get_file($c)}">
<div id="pg-img" class="jqzoom product-img"> <li><img alt="{$title}" src="{dr_get_file($thumb)}" jqimg="{dr_get_file($thumb)}"></li> </div> <div id="pg-list"> <a href="javascript:;" class="pg-control sc-prev" id="pg-forward"></a> <a href="javascript:;" class="pg-control sc-next" id="pg-backward"></a> <div class="pg-items"> <ul class="lh clearfix"> <?php $tupianji = dr_arraycut($tupianji, 10);?> <?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?> <li><img src="{dr_thumb($c, 58, 58)}" data-url="{dr_thumb($c, 400, 400)}"></li> {php $myfile=\Phpcmf\Service::C()->get_attachment($c);} <?php $key++;} } ?> </ul> </div> </div> </div>以上代码调用后的纯html如下:其中,以下代码调用的远程缩略图url<img src="{dr_get_file($thumb)}" jqimg="{dr_get_file($thumb)}">我想把以下代码中这个(data-url="{dr_thumb($c, 400, 400)}")中的图集也用远程附件URL展示,现在调用后显示的是(data-url="/uploadfile/thumb/94/f8/98f13708210194c475687be6106a3b84/400x400_auto.jpg")。(因为本地图片加载太慢太卡影响加载速度),目前 data-url="{dr_thumb($c, 400, 400)}" 设置400勉强加载可行,但是图片放大不够清晰,原图是1280px。<?php $tupianji = dr_arraycut($tupianji, 10);?> <?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?> <li><img alt="{$title}" src="{dr_thumb($c, 58, 58)}" data-url="{dr_thumb($c, 400, 400)}"></li> {php $myfile=\Phpcmf\Service::C()->get_attachment($c);} <?php $key++;} } ?>所以想在show.html页面,用图集调用出远程附件的url {dr_thumb($c, 400, 400)} ,我试过用标签调用到远程附件过,但是只能调用第一张图(可能调用的只是缩略图了,所以只显示第一张)。总结:想在show.html页面调用图集(通过远程附件url)进行调用,而非以上代码调用的本地url
<li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li> 把缩略图函数改成原图直出函数就行了<li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li>整体调用代码如下:<div class="pg-items"> <ul class="lh clearfix"> <?php $tupianji = dr_arraycut($tupianji, 10);?> <?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?> <li> <img src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"> </li> {php $myfile=\Phpcmf\Service::C()->get_attachment($c);} <?php $key++;} } ?> </ul> </div> </div> </div>您这个调用的方式是原图本地图集url,非远程附件的url。以下是调用后的HTML<li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li> 把缩略图函数改成原图直出函数就行了但我想要的是 图集图片是远程urldata-url="{dr_get_file($c)}">"加上自己附件服务器url{dr_get_file($c)}"