广告
广告
广告
html/css/javascript您现在的位置是:主页 > html/css/javascript >

pbootcms给自定义多图添加文字描述

2024-11-08 14:24:36html/css/javascript 33人已围观

pbootcms自定义多图字段,默认没有文字描述功能,但是前台我们需要给图片添加描述文字。

这里我们分享一个无需二开的方法。

一,首先我们添加一个多行文本字段 如:ext_test_txt

二,添加字段后效果如下图,多张图片文字描述之间用“半角逗号”隔开

三,前台模板代码如下

<script type="text/javascript">
function getPimgtxt(nums){
	var str = "{content:ext_test_txt}";
	var strs = new Array();
	strs = str.split(",");
	for(i=0;i<strs.length;i++){
		if(i==nums){
			document.write(strs[nums]);
		}
	}
}
</script>

{pboot:pics id={content:id} field=ext_test_img}
<li >
	<img src='[pics:src]'/>
	<p class=""><script>getPimgtxt([pics:n]);</script></p>

</li>
{/pboot:pics}

 


扫码添加技术微信【解决问题,仅需10元起】

专注中小企业网站建设、网站安全15年。
熟悉各种CMS,精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接:企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症,您有任何网站问题都可联系我们技术人员微信。
➥ 可淘宝担保交易,安全无风险

广告
广告
技术微信