首页 > 文章资讯 > 技术教程 > pbootcms教程 > Pbootcms内容轮播多图添加自定义图片名称

Pbootcms内容轮播多图添加自定义图片名称

时间：2024年01月28日

来源：网络

编辑：佚名

PBOOTCMS内容轮播多图没有相应的图片名称字段，一些站长说二开，但是每次更新还原了，又得添加一遍，还有新手不会二开，怎么办？
后端不会二开，我们就从前端入手，更新了也不会影响！
首先添加产品模型添加一个多图名称的字段ext_pimg_txt

接着上传多图，并在添加的字段填写对应图片的名称，然后用英文逗号隔开“,”

接下去就是前台该怎么调用相应的图片名称
我们用JS调用，
新建一个js函数getPimgtxt(nums)
nums为调用的顺序
<script language="javascript">
//获取对应的标题
function getPimgtxt(nums){
var str="{content:ext_pimg_txt}";//这是自定义多图字段
var strs= new Array();//定义一数组
strs=str.split(",");//字符分割
for (i=0;i<strs.length ;i++)
{
if(i==nums)//判断传递的顺序数
{
document.write(strs[nums]);//分割后的字符输出
}
}
}
</script>
产品图片∶
<ul class="piclist">
{pboot:pics id={content:id} num=5}
<li>
<img src="[pics:src]" a width=100>
<p><script>getPimgtxt([pics:n]);</script></p> 
</li>
{/pboot:pics}
</ul>

好了，看下前台调用的效果吧！

新闻资讯更多

猜你需要