Jump to content
Cooper41

slider

Recommended Posts

Cooper41

Boas, comecei agora com um layout novo e estou aqui com uma dificuldade no slider.

Deixo-vos aqui uma imagem, apenas com as divs para ilustrar o meu problema.

http://img860.imageshack.us/img860/1501/17242596.jpg

a div verde tem width:90%; e a azul tem width:960px; e está encostada á div cinzenta que é a de navegação do slider, ambas enconstadas á direita da div verde.

Aquilo que pretendo é que a div azul esteja centrada com o o resto do layout, pode-se ver a div de cima como exemplo, ao lado direito, tenha a navegação e do lado esquerdo tenha background.

Alguma ideia para que isto funcione?

Desde já, obrigado

Share this post


Link to post
Share on other sites
Cooper41

Eu já tenho aquele bloco do slider separado do resto, vou então experimentar com javascript.

Share this post


Link to post
Share on other sites
Cooper41

Boas, apesar de ainda não ter optimizado o código deixo aqui o código com que consegui resolver isto para o caso de alguém ter um problema parecido.

var window_width = $(window).width();
$('#slider .caption').css({left:-window_width});
slider_position();
function slider_position(){
		var window_width = $(window).width();
		var slider_width = $('.slide').width();
		var slide_distance = (window_width-slider_width)/2-60;
		//alert(window_width);
		if(window_width > 1020){
			$('#slider').css({right: slide_distance });
		}
		else{
			$('#slider').removeAttr("style");
		}
	}

$(window).resize(function() { slider_position(); });

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.