使用"(多)图片列表"做图片翻页

1Next >

updatex	发表于：10-09-01 18:45 `编辑于：04-25 16:53` [取消收藏] [添加收藏] 楼主 [回复] #Top#
人气：1523 积分：1531 金币：32550	演示:http://o.ovoo.cn/index.php/page-5-4.html 在模型里添加一个'(多)图片列表'的字段字段名例如用:piclist 多图列表调用标签: {king:_piclist} {king:image/}{king:title/} {/king:_piclist} 下面是JS.我添加好了标签,可以根据自己的字段名改其中标签.将以下代码添加到相应的page模板就行了 <span><SCRIPT>function getpg(){var href=document.location.href;var begin=href.indexOf("pg=");var pg=href.substring(begin+3);reg=/^(d+)$/g;if(!reg.test(pg)){pg=1}return parseInt(pg)}function topage(pg){var href=document.location.href;var reg=/^(.+)?(.+)$/g;href=href.replace(reg,"$1");document.location.href=href+"?pg="+pg}function vodonephoto(){var array=[];{king:_piclist}array[array.length]={img:'{config:system.inst/}{king:image/}',summary:''};{/king:_piclist}var pg=getpg();var l=array.length;pg=pg>l?1:pg;pg=pg<1?1:pg;var to=pg+1;to=to>l?1:to;var html='<div class="c_photos"> <div class="c_photos_pic"><img src="'+array[pg-1].img+'" alt="1" title="点击下一张" onclick="topage('+to+')" style="cursor:pointer;"/></div><div style="padding:8px 0 0;text-align:center;">'+array[pg-1].summary+'</div><div class="yellow">';for(var i=0;i<l;i++){if(i==(pg-1)){html+='<span class="current"><a href="javascript:topage('+(i+1)+')"class="cur">'+(i+1)+'</a></span>'}else{html+='<a href="javascript:topage('+(i+1)+')">'+(i+1)+'</a>'}}html+='</div></div>';document.write(html)}vodonephoto();</SCRIPT></span> 复制代码 Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) 随机阅读 [疑问] kingCMS安装完dbquery数据源提示错误~ (14-04-14) [疑问] 帮我这个网站做个后台，好吗？ (13-08-08) [帮助] 地方站访谈：地方门户网站取之于民用之于民 (12-07-03) [模板] 企业版搜索页面模板设置 (11-11-19) [使用] 朋友们，有没有kingcms 的教程共享下。谢谢 (11-04-19)

updatex

发表于：10-09-01 18:45 编辑于：04-25 16:53 [取消收藏] [添加收藏] 楼主 [回复] #Top#

人气：1523 积分：1531 金币：32550

演示:http://o.ovoo.cn/index.php/page-5-4.html
在模型里添加一个'(多)图片列表'的字段字段名例如用:piclist
多图列表调用标签:
{king:_piclist}
{king:image/}{king:title/}
{/king:_piclist}

下面是JS.我添加好了标签,可以根据自己的字段名改其中标签.将以下代码添加到相应的page模板就行了

<span><SCRIPT>function getpg(){var href=document.location.href;var begin=href.indexOf("pg=");var pg=href.substring(begin+3);reg=/^(d+)$/g;if(!reg.test(pg)){pg=1}return parseInt(pg)}function topage(pg){var href=document.location.href;var reg=/^(.+)?(.+)$/g;href=href.replace(reg,"$1");document.location.href=href+"?pg="+pg}function vodonephoto(){var array=[];{king:_piclist}array[array.length]={img:'{config:system.inst/}{king:image/}',summary:''};{/king:_piclist}var pg=getpg();var l=array.length;pg=pg>l?1:pg;pg=pg<1?1:pg;var to=pg+1;to=to>l?1:to;var html='<div class="c_photos"> <div class="c_photos_pic"><img src="'+array[pg-1].img+'" alt="1" title="点击下一张" onclick="topage('+to+')" style="cursor:pointer;"/></div><div style="padding:8px 0 0;text-align:center;">'+array[pg-1].summary+'</div><div class="yellow">';for(var i=0;i<l;i++){if(i==(pg-1)){html+='<span class="current"><a href="javascript:topage('+(i+1)+')"class="cur">'+(i+1)+'</a></span>'}else{html+='<a href="javascript:topage('+(i+1)+')">'+(i+1)+'</a>'}}html+='</div></div>';document.write(html)}vodonephoto();</SCRIPT></span>

复制代码

Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24)

随机阅读 [疑问] kingCMS安装完dbquery数据源提示错误~ (14-04-14) [疑问] 帮我这个网站做个后台，好吗？ (13-08-08) [帮助] 地方站访谈：地方门户网站取之于民用之于民 (12-07-03) [模板] 企业版搜索页面模板设置 (11-11-19) [使用] 朋友们，有没有kingcms 的教程共享下。谢谢 (11-04-19)

zongxiao08	发表于：11-04-25 16:52 沙发 [回复] #Top#
人气：145 积分：989 金币：3553	楼主网站悲剧了

275280473	发表于：13-01-04 15:46 板凳 [回复] #Top#
人气：0 积分：110 金币：410	这个很不错哦

1Next >

发表回复

帐号	匿名发布审核后可见 [加载完整在线编辑器]
内容
验证码	计算题太难?换个简单点的.

我已认真阅读服务条款，并遵守具体协议内容

KingCMS 内容管理系统

关于我们联系我们广告报价付款方式站点导航

粤ICP备08008106号