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

1Next >

updatex	发表于：10-09-01 18:45 `编辑于：04-25 16:53` [取消收藏] [添加收藏] 楼主 [回复] #Top#
人气：1518 积分：1551 金币：32240	演示: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最近还发表过 [分享] 2024你好kingcms (24-03-30) [分享] 最近做了一个用户登录短信验证（阿里云的） (23-12-20) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) [分享] 调用下级栏目 4年了，一直在用这个系统 (23-11-17) [疑问] 如何在发布页面增加图片上传功能呢？ (23-04-17) 随机阅读 [模板] 企业版PHP后台管理模板【清爽型】修改版~ (19-11-25) [分享] 再做模板的时候少用点图片，方便修改 (12-11-04) [错误] 后台搜索词再多都提示错误 (11-12-26) [使用] sp2测试BUG (11-11-18) [疑问] 新手求教。。。 (11-10-14)

updatex

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

人气：1518 积分：1551 金币：32240

演示: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最近还发表过 [分享] 2024你好kingcms (24-03-30) [分享] 最近做了一个用户登录短信验证（阿里云的） (23-12-20) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) [分享] 调用下级栏目 4年了，一直在用这个系统 (23-11-17) [疑问] 如何在发布页面增加图片上传功能呢？ (23-04-17)

随机阅读 [模板] 企业版PHP后台管理模板【清爽型】修改版~ (19-11-25) [分享] 再做模板的时候少用点图片，方便修改 (12-11-04) [错误] 后台搜索词再多都提示错误 (11-12-26) [使用] sp2测试BUG (11-11-18) [疑问] 新手求教。。。 (11-10-14)

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

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

1Next >

发表回复

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

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

KingCMS 内容管理系统

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

广州唯众网络科技有限公司粤ICP备08008106号