11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour a toutes et tous,

Voila mon probleme

j'ai un div qui fait 100% de hauteur et 100% de largeur


<div id="imageBig"></div>


si je place une image dedan et que je veux la centre, en css pas de soucis


.test{
	position:absolute;
	width:460px;
	border:1px solid red;
	left:50%;
	margin-left:-240px;
	}



le probleme est que quand je veux refaire le mm placement ds mon jquery ben ca fonctionne plus.


$('.miniDiapo').click(function() {
	$('#imageBig').show();
	$('#imageBig').html('<img src="'+ $(this).attr('src') +'" alt="" class="test" />');
	largeur = $('.test').width();
	demiLargeur = largeur / 2;
	$(this).css(
		"position", "absolute",
		"width", largeur,
		"border", "1px solid red",
		"left", "50%",
		"margin-left", demiLargeur
	);
	alert(largeur + '<br/>' + demiLargeur);
	
	return false;
});

si quelqu'un sais m'expliquer ou est mon erreur?

Merci d'avance [smile]

Modifié par Gabi1202 (14 Feb 2012 - 17:05)
Bonjour,
le
$(this).css(
agit sur
$('.miniDiapo')


Je pense que tu devrais, pour donner plusieurs propriétés css, utiliser cette syntaxe
$(this).css({"position": "absolute",
		"width":largeur,
		"border":"1px solid red",
		"left":"50%",
		"margin-left":demiLargeur});

Modifié par loicbcn (14 Feb 2012 - 15:53)