因为DLL的原因,图片频道能够个性化的地方很少,但是还是可以变通的找到些方法。
先看动易的图片列表标签 {$PhotoUrlList(1,130,90,90,90)}
会得到两组js代码 一组是{$GetUrlArray} 另一组是图片列表显示
标签名:{$GetUrlArray} 作 用:图片地址列表数组(JS代码),注意不能与{$PhotoUrlList(***)}标签同时使用 演示地址:http://www.xycomic.com/bizhi
上面的演示地址与本次修改方法略有相同,只是每页显示4张图片,没有修改为点图片到下一张
由于很多朋友想要“点击图片打开下一张”,所以做了一下修改提供给大家
=========开始修改==============================
模板中不需再用列表标签和图片显示标签({$ViewPhoto}),而是直接在你想显示大图的地方插入{$GetUrlArray}和图片列表显示的js代码,js代码需简单修改。
修改后的代码如下:
{$GetUrlArray} <div id='PhotoUrlList'></div><script language='javascript'> function ShowUrlList(page){ if(arrUrl.length<=1) return ''; var dTotalPage=arrUrl.length/1; var TotalPage; var MaxPerPage=1; if(arrUrl.length%MaxPerPage==0){TotalPage=Math.floor(dTotalPage);}else{TotalPage=Math.floor(dTotalPage)+1;} if(page<1) page=1; if(page>TotalPage) page=TotalPage; var strPage='<table><tr>'; for(var i=(page-1)*MaxPerPage;i<arrUrl.length&&i<page*MaxPerPage;i++){ strPage+="<td><a href='javascript:ShowUrlList("+(page+1)+")'><img src='"+arrUrl[i]+"' border='0' onload='if(this.width>700) this.width=700'></a></td>"; if((i+1)%1==0&&i+1<MaxPerPage){strPage+='</tr><tr>';} } strPage+="</tr></table>"; if(TotalPage>1){strPage+="<table><tr><td><a href='javascript:ShowUrlList(1)'>首页</a> <a href='javascript:ShowUrlList("+(page-1)+")'>上一页</a> <a href='javascript:ShowUrlList("+(page+1)+")'>下一页</a> <a href='javascript:ShowUrlList("+TotalPage+")'>尾页</a></td></tr></table>";} PhotoUrlList.innerHTML=strPage; } ShowUrlList(1); </script>
有了这个方法作参考,图片频道可以更加个性化,自己发挥吧~~~~ |