没有用onpage_scroll加载javascript中的图像
没有用onpage_scroll加载javascript中的图像
提问于 2013-11-22 11:56:13
你好，我想使用一个使用漏电卷轴 jquery插件的季节脚本。但是图像没有载入。我该怎么做？"page1“类必须显示图像。
HTML
<div class="wrapper">
<div class="main">`
<section class="page1">
<div class="page_container">
</div>
</section>
</div>
</div>head标记中的javascript
$(document).ready(function(){
$(".main").onepage_scroll({
sectionContainer: "section"
});
});
function seasonalBackground(node,images)
{
switch(new Date().getMonth())
{
case 2: case 3: case 4: //maart april mei
img = 1;
break;
case 5: case 6: case 7: //juni juli augustus
img = 2;
break;
case 8: case 9: case 10: //september oktober november
img = 3;
break;
default: //december januari februari
img = 0;
}
node.style.backgroundImage = "url(\""+images[img]+"\")";
}尾体标记前的Javascript
var imgArray = new Array();
imgArray[0] = "images/winter.jpg";
imgArray[1] = "images/spring.jpg";
imgArray[2] = "images/summer.jpg";
imgArray[3] = "images/autumn.jpg";
seasonalBackground(document.getElementByClass('page1'),imgArray);回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-22 12:04:35
在您的函数中，应该使用var声明javascript变量，以使它们保持本地而不是直接使用它们。
此外，函数getElementByClass也不存在。你必须用getElementsByClassName代替它
seasonalBackground(document.getElementsByClassName('page1')[0],imgArray);可能还有其他错误，请打开浏览器的javascript控制台，查看是否存在错误。
Stack Overflow用户
发布于 2013-11-22 12:08:57
document.getElementsByClass('page1');而非
document.getElementByClass('page1');然后专注于第一个元素？
document.getElementsByClass('page1')[0];所以最后所有..。
seasonalBackground(document.getElementsByClass('page1')[0],imgArray);如果你的代码没问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20144347
复制相关文章
相似问题
腾讯云开发者
