花太香齐的博客 » 图片翻页 http://www.ieliwb.com 灵感的来临，没有任何预兆；灵感的消失，也不会有告别仪式；用文字记下她们吧，让灵感永存…… Sun, 21 Nov 2010 03:36:35 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 分享一个简单的点击图片进入下一页方法 http://www.ieliwb.com/click-img-next/ http://www.ieliwb.com/click-img-next/#comments Thu, 10 Dec 2009 10:32:06 +0000 花太香齐 http://localhost/wordpress/?p=147

实现方法很简单：
1.修改CMS发布系统编辑器，在上传图片时自动加上 onclick=”gonext();”
2.修改CMS模板，在头部加上如下的JavaScript函数gonext
3.修改CMS程序分页部分代码，在生成的下一页链接时加上 id=’nexti[......]

继续阅读

]]>

实现方法很简单：
1.修改CMS发布系统编辑器，在上传图片时自动加上 onclick=”gonext();”
2.修改CMS模板，在头部加上如下的JavaScript函数gonext
3.修改CMS程序分页部分代码，在生成的下一页链接时加上 id=’nextid’

实现效果演示：http://aion.houdao.com/200909/26455.html

最近页面效果：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
function gonext()
{
    var url=document.getElementById('nextid')?document.getElementById('nextid').href:'';
    if(url==''){alert('当前最后一页');return;}
    location.href=url;
}
</script>
</head>
<body>
<!-- 文章内容区 -->
<p align="center"><img title="点击图片翻页" style="cursor: hand" onclick="gonext();" src="http://image.aaa.com/tu.jpg" /></p>
 
<!-- 翻页区 -->
<p align='center'>
<a>上一页</a>
<a>1</a>
<a href='26455_2.html'>2</a>
<a href='26455_3.html'>3</a>
<a href='26455_4.html'>4</a>
<a href='26455_5.html'>5</a>
<a id='nextid' href='26455_2.html'>下一页</a>
</p>
 
</body>
</html>
]]> http://www.ieliwb.com/click-img-next/feed/ 1196