87,993
社区成员
发帖
与我相关
我的任务
分享javascript如何传递数组到
帮朋友问一下：
function autochange()
{
var Time = new Date ( );
var Hour = Time.getHours ( );
var bg_array = new array(2);
var mask_array = new array(2);
var i = 0;
bg_array[0] = "bg1.png";
bg_array[1] = "bg2.png";
mask_array[0] = "Overlay1.png";
mask_array[1] = "Overlay2.png";
i = ( Hour > 12 ) ? 1 : 0;
}
这段时间判断的javascript中 两个数组bg_array[i]以及 mask_array[i]
要如何传递到<img src = "xxx" >中？让xxx从数组中获得路径实现定时更换图片？
function autochange()
{
var Time = new Date ( );
var Hour = Time.getHours ( );
var bg_array = new array(2);
var mask_array = new array(2);
var i = 0;
bg_array[0] = "bg1.png";
bg_array[1] = "bg2.png";
mask_array[0] = "Overlay1.png";
mask_array[1] = "Overlay2.png";
i = ( Hour > 12 ) ? 1 : 0;
}
这段时间判断的javascript中 两个数组bg_array[i]以及 mask_array[i]
要如何传递到<img src = "xxx" >中？让xxx从数组中获得路径实现定时更换图片？
...全文
请发表友善的回复…
发表回复
hongmei85 2011-05-08
- 打赏
- 举报
报错的时候，在图片显示红X的地方右键》属性，看下图片地址是多少
alickzhu 2011-05-08
- 打赏
- 举报
和页面在同一个目录，路径应该是没错的。而且最早的数组总是会报错-_-#
alickzhu 2011-05-08
- 打赏
- 举报
好吧。。。问题我朋友已解决了
alickzhu 2011-05-08
- 打赏
- 举报
<style>
body {
background-color: none;
margin: 0;
height: 481px;
width: 320px;
}
td#Backgrounds
{
margin-top: -1px;
position: absolute; top: 0px; right: 0px; down: 0px; left: -1px;
}
SPAN#clock
{
font-family: Helvetica;
font-weight: 300;
color: white; /*#ff9900*/#f0f0f0
letter-spacing: 0.0em;
text-shadow: 0px 0px 9px #ffffff;
font-size:60px;
opacity: 1.0;
}
SPAN#secs
{
text-align: center;
display: bold;
font-family: Helvetica;
color: white;
font-size: 16px;
// font-weight: 100;
// letter-spacing: 0.2em;
text-shadow: 0px 0px 9px #ffffff;
text-transform: uppercase;
//opacity: 0.4;
}
SPAN#ampm
{
font-family: Helvetica;
font-weight: 100;
color: #white;
letter-spacing: 0.06em;
text-shadow: 0px 0px 9px #ffffff;
font-size:20px;
//text-transform: lowercase;
//opacity: 0.2;
}
TD#date
{
font-family: Helvetica;
font-weight:100;
text-align: center;
color: white;#ddcccc
letter-spacing: 0.00em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 25px;
text-transform: uppperrcase;
opacity: 1.0;
}
span#calendar_weekday
{
font-family: Helvetica;
font-weight:200;
text-align: center;
color:white;#ffffff
letter-spacing: 0.00em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 28px;
text-transform: uppercase;
opacity: 1.0;
}
span#calendar_month
{
font-family: Helvetica;
font-weight: 100;
text-align: center;
color: white;
letter-spacing: -0.00em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 25px;
text-transform: uppercase;
opacity: 1.0;
}
span#calendar_year
{
font-family: Helvetica;
font-weight: 100;
text-align: center;
color: white;
letter-spacing: 0.06em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 100px;
text-transform: uppperrcase;
opacity: 0.4;
}
</style>alickzhu 2011-05-08
- 打赏
- 举报
<style>
body {
background-color: none;
margin: 0;
height: 481px;
width: 320px;
}
td#Backgrounds
{
margin-top: -1px;
position: absolute; top: 0px; right: 0px; down: 0px; left: -1px;
}
SPAN#clock
{
font-family: Helvetica;
font-weight: 300;
color: white; /*#ff9900*/#f0f0f0
letter-spacing: 0.0em;
text-shadow: 0px 0px 9px #ffffff;
font-size:60px;
opacity: 1.0;
}
SPAN#secs
{
text-align: center;
display: bold;
font-family: Helvetica;
color: white;
font-size: 16px;
// font-weight: 100;
// letter-spacing: 0.2em;
text-shadow: 0px 0px 9px #ffffff;
text-transform: uppercase;
//opacity: 0.4;
}
SPAN#ampm
{
font-family: Helvetica;
font-weight: 100;
color: #white;
letter-spacing: 0.06em;
text-shadow: 0px 0px 9px #ffffff;
font-size:20px;
//text-transform: lowercase;
//opacity: 0.2;
}
TD#date
{
font-family: Helvetica;
font-weight:100;
text-align: center;
color: white;#ddcccc
letter-spacing: 0.00em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 25px;
text-transform: uppperrcase;
opacity: 1.0;
}
span#calendar_weekday
{
font-family: Helvetica;
font-weight:200;
text-align: center;
color:white;#ffffff
letter-spacing: 0.00em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 28px;
text-transform: uppercase;
opacity: 1.0;
}
span#calendar_month
{
font-family: Helvetica;
font-weight: 100;
text-align: center;
color: white;
letter-spacing: -0.00em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 25px;
text-transform: uppercase;
opacity: 1.0;
}
span#calendar_year
{
font-family: Helvetica;
font-weight: 100;
text-align: center;
color: white;
letter-spacing: 0.06em;
text-shadow: 0px 0px 9px #ffffff;
font-size: 100px;
text-transform: uppperrcase;
opacity: 0.4;
}
</style>
这段代码是跟着上面那段的，发现只要把代码结束的那个</style>删除 图片就正常了。。。。。求解 -_-# 不过会导致下面的function无效。。。。求解
hookee 2011-05-08
- 打赏
- 举报
图片的路径对不对，和页面在同一个目录?
alickzhu 2011-05-07
- 打赏
- 举报
这是原本的
这是我朋友改过后的
问题是 前后两处src指向的路径都是一致的，可是后面的那段代码死活都是显示红X。。。还有哪里需要修改么？
<style>
#Layer{width: 322px; height: 482px; position: absolute; top: -1px; right: 0px; down: 0px; left: -1px;}
.stretch {width:100%; height:100%;}
</style>
<body>
<table><td>
<div id="Layer"><img src="LockBackground.png" class="stretch"/></div>
<div id="Layer"><img src="OverlayHD.png" class="stretch"/></img></div>
<style>
这是我朋友改过后的
<style>
#Layer{width: 322px; height: 482px; position: absolute; top: -1px; right: 0px; down: 0px; left: -1px;}
.stretch {width:100%; height:100%;}
</style>
<script type="text/javascript">
function autochange()
{
var D = new Date ( );
var H = D.getHours ( );
var bg = "LockBackground.png";
var mask = "OverlayHD.png";
var bg1 = "LockBackground.png";
var bg2 = "LockBackgroundN.png";
var mask1 = "OverlayHD.png";
var mask2 = "OverlayHDN.png";
bg = ( H > 12 ) ? bg2 : bg1;
mask = ( H > 12 ) ? mask2 : mask1;
document.getElementById("Back_I").src = bg;
document.getElementById("Mask_I").src = mask;
}
setInterval(autochange,6000);
</script>
<body onload = "autochange()">
<table><td>
<div id="Layer"><img src="" id="Back_I" class="stretch"/></div>
<div id="Layer"><img src="" id="Mask_I" class="stretch"/></img></div>
<style>
问题是 前后两处src指向的路径都是一致的，可是后面的那段代码死活都是显示红X。。。还有哪里需要修改么？
tckoo 2011-05-07
- 打赏
- 举报
function autochange()
{
var Time = new Date ( );
var Hour = Time.getHours ( );
var bg_array = new array(2);
var mask_array = new array(2);
var i = 0;
bg_array[0] = "bg1.png";
bg_array[1] = "bg2.png";
mask_array[0] = "Overlay1.png";
mask_array[1] = "Overlay2.png";
i = ( Hour > 12 ) ? 1 : 0;
document.getElementById("img_id").src=bg_array[i];
}
setInterval(autochange,1000);
hookee 2011-05-07
- 打赏
- 举报
document.getElementById("img_id").src = bg_array[i];
