主题:  请教行者

anfuzhen000
职务：普通成员
等级：1
金币：0.0
发贴：7
#12005/7/30 10:55:50
我看你是个高人啊，下面的代码我看不懂，更不会使用。能不能请你详细指教以下，如何制作刷新自动更换图片的贴图。（haiyan0279@sina.com)(89612504)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rev="made" href="mailto:cn_yanzi@yahoo.com.cn" />
<title></title>
<style type="text/css">
TABLE.a, TD.a { width: 100%; height: 100%; background-color:silver }
TABLE.b, TD.b { background-color:red }
</style>
<script type="text/javascript">
    function createimage() {
        var how_many_ads = 15;
        var now = new Date()
        var sec = now.getSeconds()
        var ad = sec % how_many_ads;
        ad +=1;
        document.getElementById("theimg".src = "http://www.5d.cn/bbs/icon/icon" + ad + ".gif";
    }
    </script>
</head>
<body onload="createimage()">
<p>
    <img src="" id="theimg" width="22" height="22" alt="随机的图片" />
</p>
</body>
</html>



{ 在指尖上绽放的花朵 }
职务：普通成员
等级：5
金币：14.0
发贴：3209
#22005/7/30 13:07:43
高人。。。行者一米八。。不算太高吧。。。。

引用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rev="made" href="mailto:cn_yanzi@yahoo.com.cn" />
<title></title>
<style type="text/css">
TABLE.a, TD.a { width: 100%; height: 100%; background-color:silver }
TABLE.b, TD.b { background-color:red }
</style>
<script type="text/javascript">
function createimage() {
var how_many_ads = 15;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
document.getElementById("theimg".src = "http://www.5d.cn/bbs/icon/icon" + ad + ".gif";
}
</script>
</head>
<body onload="createimage()">
<p>
<img src="" id="theimg" width="22" height="22" alt="随机的图片" />
</p>
</body>
</html>


首先把需要变化的图片按照 xx_1.jpg、xx_2.jpg …… xx_n.jpg 这样的规则命名。。

之后存在一个特定的目录里。。我们假设是 ./images/ 。。。

将红色的部分插入网页的<head>和</head>之间。。。

其中第一个粗体处的 15 改成你的图片数量。。。

第二个粗体处的 "http://www.5d.cn/bbs/icon/icon" 改成你的图片路径加图片前缀。。。

假设是 "./images/xx_"。。。

第三个粗体处的 ".gif" 变成你的图片后缀。。。

假设是 ".jpg"。。。

之后把桔色的部分加入你的<body>标签里。。。。

把蓝色的部分加入你的<img>标签里。。。

就可以了。



anfuzhen000
职务：普通成员
等级：1
金币：0.0
发贴：7
#32005/7/31 0:02:17
基础的我也不会，http://img013.photo.wangyou.com/2005/7/28/126410/200511226014670.jpg
运行后全是很小的图。就比如在此处贴图我会，贴那种点击或回复就变的，请具体指导，万分感谢了。
图片如下：

anfuzhen000
职务：普通成员
等级：1
金币：0.0
发贴：7
#42005/7/31 0:09:56
这是源代码吗？贴上怎么让它运行呢？在你的帖子上运行后全是小图。不要笑我。
你的原贴
www.5d.cn/bbs/NewsDetail.asp?GroupName=Dreamweaver%BC%B0%CD%F8%D2%B3%D6%C6%D7%F7&dp=0&lp=1&id=1471964





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rev="made" href="mailto:cn_yanzi@yahoo.com.cn" />
<title></title>
<style type="text/css">
TABLE.a, TD.a { width: 100%; height: 100%; background-color:silver }
TABLE.b, TD.b { background-color:red }
</style>
<script type="text/javascript">
    function createimage() {
        var how_many_ads = 5;
        var now = new Date()
        var sec = now.getSeconds()
        var ad = sec % how_many_ads;
        ad +=1;
        document.getElementById("theimg".src = "://img013.photo.wangyou.com/2005/7/28/126410/20051122601467" + ad + ".jpg";
    }
    </script>
</head>
<body onload="createimage()">
<p>
    <img src="" id="theimg" width="22" height="22" alt="随机的图片" />
</p>
</body>
</html>



语笑嫣然
职务：普通成员
等级：1
金币：1.0
发贴：105
#52005/7/31 1:28:53
汗……行者好有耐心啊……又讲了一遍……



anfuzhen000
职务：普通成员
等级：1
金币：0.0
发贴：7
#62005/7/31 2:26:17
12345我知道你也会 能不能教教我



语笑嫣然
职务：普通成员
等级：1
金币：1.0
发贴：105
#72005/7/31 19:06:27
anfuzhen000在上个帖子中说
引用:
12345我知道你也会 能不能教教我


我是和忍者大哥学的啊……



{ 在指尖上绽放的花朵 }
职务：普通成员
等级：5
金币：14.0
发贴：3209
#82005/8/1 10:48:52
anfuzhen000在上个帖子中说
引用:
这是源代码吗？贴上怎么让它运行呢？在你的帖子上运行后全是小图。不要笑我。
你的原贴
www.5d.cn/bbs/NewsDetail.asp?GroupName=Dreamweaver%BC%B0%CD%F8%D2%B3%D6%C6%D7%F7&dp=0&lp=1&id=1471964

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rev="made" href="mailto:cn_yanzi@yahoo.com.cn" />
<title></title>
<style type="text/css">
TABLE.a, TD.a { width: 100%; height: 100%; background-color:silver }
TABLE.b, TD.b { background-color:red }
</style>
<script type="text/javascript">
    function createimage() {
        var how_many_ads = 5;
        var now = new Date()
        var sec = now.getSeconds()
        var ad = sec % how_many_ads;
        ad +=1;
        document.getElementById("theimg").src = "://img013.photo.wangyou.com/2005/7/28/126410/20051122601467" + ad + ".jpg";
    }
    </script>
</head>
<body onload="createimage()">
<p>
    <img src="" id="theimg" width="22" height="22" alt="随机的图片" />
</p>
</body>
</html>


绿色的部分改成你需要的图片大小~~~

以你的例子而言写成 width="361" height="536" 。。。



anfuzhen000
职务：普通成员
等级：1
金币：0.0
发贴：7
#92005/8/1 13:08:52
谢谢行者不厌其烦的指教，你一定是计算机专业的大学生或教师吧。
在你的原贴按“运行代码”倒是行了，可具体怎么运用到贴图中我还是不会。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rev="made" href="mailto:cn_yanzi@yahoo.com.cn" />
<title></title>
<style type="text/css">
TABLE.a, TD.a { width: 100%; height: 100%; background-color:silver }
TABLE.b, TD.b { background-color:red }
</style>
<script type="text/javascript">
    function createimage() {
        var how_many_ads = 5;
        var now = new Date()
        var sec = now.getSeconds()
        var ad = sec % how_many_ads;
        ad +=1;
        document.getElementById("theimg".src = "http://img013.photo.wangyou.com/2005/7/28/126410/20051122602670" + ad + ".jpg";
    }
    </script>
</head>
<body onload="createimage()">
<p>
    <img src="" id="theimg" width="361" height="536" alt="随机的图片" />
</p>
</body>
</html>



{ 在指尖上绽放的花朵 }
职务：普通成员
等级：5
金币：14.0
发贴：3209
#102005/8/1 13:43:09
anfuzhen000在上个帖子中说
引用:
谢谢行者不厌其烦的指教，你一定是计算机专业的大学生或教师吧。
在你的原贴按“运行代码”倒是行了，可具体怎么运用到贴图中我还是不会。


我。。我的专业还真和计算机没半点关系。。。。

具体代码。。我在第一个回复里面已经写的很明白了啊。。。。