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> <!--上面函数数组是从O开始,这里用pics:n 调用-->
</li>
{/pboot:pics}
</ul>
好了,看下前台调用的效果吧!