Not compatible with V1.0.2 ?

@yariplus WOW! You're the man. It seems to be working fine.

@yariplus said in BG issue:

document.body.style.background = "url(http://theurl/image.png)"

document.body.style.background = "url('/images/bgimages/'+num+'.jpg');
does not work.

but
document.body.background = '/images/bgimages/'+num+'.jpg';
works

@yariplus corrected a stupid mistake and it seems to work now. But there is yet another issue, if any other page is opened first except the login/register page and if from that page the login/register pages are accessed, they get the same bg i.e the one without an image.

@yariplus put the entire code in the custom header section, still does not work.

<script>
$(function(){
function ChangeIt(){
var num = Math.ceil( Math.random() * totalCount );
document.body.background = '/images/bgimages/'+num+'.jpg';
document.body.style.backgroundSize = '50 0%%';
document.body.style.backgroundRepeat = 'fixed';
document.body.style.backgroundAttachment='fixed';
document.body.style.MozBackgroundSize = 'cover';
document.body.style.backgroundSize = 'cover';
}

// Initial load.
if (app.template === 'login' || app.template === 'register') ChangeIt();

// New page loading.
$(window).on('action:ajaxify.start', function (ev, data) {
if (data.url === 'login' || data.url === 'register') {
ChangeIt();
} else {
document.body.style.background = "#f0f0f0";
}
});
});
</script>

@yariplus said in BG issue:

document.body.style.background

Duly noted. Btw the entire above mentioned code has to go in the header, right ?

@yariplus I am a noob and I am confused. What goes in the header and what part is to be called ?

Putting the entire following thing does not work.

<script>
$(function(){
function ChangeIt(){
var num = Math.ceil( Math.random() * totalCount );
document.body.background = '/images/bgimages/'+num+'.jpg';
document.body.style.backgroundSize = '50 0%%';
document.body.style.backgroundRepeat = 'fixed';
document.body.style.backgroundAttachment='fixed';
document.body.style.MozBackgroundSize = 'cover';
document.body.style.backgroundSize = 'cover';
}

// Initial load.
if (app.template === 'login' || app.template === 'register') ChangeIt();

// New page loading.
$(window).on('action:ajaxify.start', function (ev, data) {
if (data.url === 'login' || data.url === 'register') {
ChangeIt();
} else {
document.body.background = "#f0f0f0";
}
});
});
</script>

Tried that too, did not help.

But why ? Why only check for @ in an email address ? This is so wrong.

I have modified the login/registration pages of my nodebb instance running persona theme. The tpl files have been modified so that a unique image bg is loaded every time the login/registration page is opened or refreshed.

All seems to be working fine but there is this strange issue - any page (recent/poplar/categories etc) that is accessed from the login/registration page also gets the same bg as of the login/registration page.. The other pages get the normal bg only after they are refreshed.

Please help me out with this issue.

My Site: http://diskuz.com