Discussion :

[Tendhor57]

Bonjour,

Je souhaite au clic sur un bouton redimensionner une div de façon dynamique, ceci étant une contrainte est ajouté ici, cette contrainte c'est que l'animation dynamique parte de tout les cotés de la div, je m'explique:

-> Partons sur exemple d'une div carré de 40/40 px lorque l'on utilise .animate() pour passer cette div à 60/60 px, le lancement de l'animation montre une div qui s'allonge uniquement vers la droite et le bas car sont x,y est fixe (se situe en haut a gauche), hors ce n'est pas cela que je veux.

->Ce que je souhaite, c'est que le centre de ma div reste fixe et que l'augmentation ou diminution de sa taille parte des 4 cotés de celle-ci.

D'ou ma question, est ce possible ? Si oui, avez vous des pistes svp, ou existe t-il un plugin qui fait cela ?

D'avance merci pour votre aide

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

show("scale")

demo:

http://jsfiddle.net/wNXLY/

doc : http://api.jqueryui.com/scale-effect/

[Tendhor57]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

show("scale")

http://jsfiddle.net/wNXLY/

Ok merci je vais explorer cette piste voir si cela peut coller avec ce que je souhaite, sinon en attendant j'ai fait comme ceci:

Code JQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
$("#onglet1").click(function(){
 
	$("#acceuil").animate({ 
        		width:"200px",
			height:"300px",
			top:"250px",
			left:"675px"
		    	}, 1000, function(){
 
	 })
});

Ainsi je "triche" en faisant croire que ma div se redimensionne de tout les cotés, car au départ voici les caractéristiqes de ma div:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
#acceuil{
display:block;
position:absolute;
top:300px;
left:700px;
height:200px;
width:150px;
background-color:grey;
border-radius:10px;
border:2px groove silver;
}

En attendant je met ce post à résolu car je devrais pouvoir m'en sortir avec ta méthode et la mienne pour arriver à faire ce que je veux