Search jQuery

jQuery Forum

Using jQuery

sikkolo

Changing background image with animation

in Using jQuery • 10 years ago

Hi everybody,

I am working on a simple website: http://www.lucaguglielmi.co.uk/supermega

as you can see, i use this code to change the background images on click, since every page has a different background. Unfortunately the visual effects is pretty bad because i'd like the color to change only when I arrive at the anchor tag, or at least with a few second delay after the click or with a nice transition.

Any suggestion on how to do that?

I tried "delay" but it doesn't work for me.

Thanks in advance,

Luca

	$(".nav1").click(function() {
	$("body").css("background-image","url(img/structure/bg-1.jpg)");
	});

	$(".nav2").click(function() {
	$("body").css("background-image","url(img/structure/bg-2.jpg)");
	});

	$(".nav3").click(function() {
	$("body").css("background-image","url(img/structure/bg-3.jpg)");
	});

	$(".nav4").click(function() {

	$("body").css("background-image","url(img/structure/bg-4.jpg)");
	});

	$(".nav5").click(function() {
	$("body").css("background-image","url(img/structure/bg-5.jpg)");
	});