半页背景/列背景

Question

我在这个网站（jsfiddle）上运行此JavaScript和CSS（animevid-other）所以我需要的是调整JavaScript和CSS到column_sx或者背景以左侧为中心（列在哪里），这可能吗？

我找到了可能有所帮助的东西，但我认为这不是我需要的东西（multiple-backgrounds-left-half-and-right-half）。因为我没有那么多关于JavaScript的知识和关于CSS的一些事情，你能帮助我吗？

编辑：更多详情http://i.imgur.com/DsF4q3M.png

Answer 1

您应该将背景设置为colonna_sx而不是body。所以将它添加到colonna_sx。

background-repeat: no-repeat;
background-position: center;
background-size: cover;

然后你应该改变脚本。如果你添加jQuery，你可以改变它。

 document.body.background ='http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg';

到此。

var backgroundpic = 'http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg';
$('.colonna_sx').css("background", "url(backgroundpic)");

没有jQuery。

document.querySelector('div.colonna_sx').style.backgroundImage = 'url(http://adventureofucm.com/OtherSites/image_background/' + num + '.jpg)';

这适用于大多数浏览器（IE8及以上版本）http://caniuse.com/#feat=queryselector。