通过javascript分配div a后台在jsfiddle.net中起作用,但在代码中不起作用
是指向文件的链接 小提琴的链接在这里 我试着在现实生活中尽我所能消除一切,但那没有帮助通过javascript分配div a后台在jsfiddle.net中起作用,但在代码中不起作用,javascript,html,css,Javascript,Html,Css,是指向文件的链接 小提琴的链接在这里 我试着在现实生活中尽我所能消除一切,但那没有帮助 document.getElementById("image").style.backgroundImage = "url(" + dir + images[randomCount] + ".jpg" + ")"; 您需要在加载DOM后运行代码。将其移动到标记之后,或在窗口中运行。onload处理程序 此外,您的赋值语句需要以结尾,而不是, window.onload = function() {
document.getElementById("image").style.backgroundImage = "url(" + dir + images[randomCount] + ".jpg" + ")";
您需要在加载DOM后运行代码。将其移动到
标记之后,或在窗口中运行。onload
处理程序
此外,您的赋值语句需要以结尾代码>,而不是,
window.onload = function() {
var dir = 'http://seriousphotography.co.uk/HD-Site/images/album/01/';
var randomCount = Math.round(Math.random() * (imgCount - 1)) + 1;
var images = new Array;
images[1] = "01";
images[2] = "02";
images[3] = "03";
images[4] = "04";
images[5] = "05";
images[6] = "06";
images[7] = "07";
images[8] = "08";
images[9] = "09";
images[10] = "10";
document.getElementById("image").style.backgroundImage = "url(" + dir + images[randomCount] + ".jpg" + ")";
};
将其写为:
window.onload = function() {
var dir = 'http://seriousphotography.co.uk/HD-Site/images/album/01/';
var images = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10"];
var randomCount = Math.floor(Math.random() * images.length);
document.getElementById("image").style.backgroundImage = "url(" + dir + images[randomCount] + ".jpg" + ")";
};
看
使用类和jQuery,它将是:
$("#image").addClass("image"+images[randomCount]);
小提琴:你的问题是什么?在你的小提琴中有许多具有相同id=“abc”
的div。id应该是唯一的。将背景图像分配给div id图像在JSFIDLE中起作用,但在现实生活中不起作用(复制链接)-有人能帮我吗
多个abc id只是暂时的填充文本除非你发布“现实生活”,否则我们帮不了你code.its在zip文件夹中吗?感谢您的尝试,但不幸的是,这似乎不起作用?如果您没有跳过0
,您可以只执行var images=[“01”、“02”、…]代码>为什么你的数组从1开始?因为我通过反向工程学习了我的网站编码,从别人是如何做到的,所以有时我会搞砸-我真的打算让它随机分配从image01到image10的div a类,这样我就可以用一个js控制所有页面,只需要一个单独的本地css块控制脚本的图像位置-如果你能给我一个更好的方式,我将不胜感激!我添加了一个更简单的版本。很抱歉再次打扰您,但如果您看到这个,这就是我真正想要的脚本-javascript可以通过image[RandomNumber]向#image随机添加类吗