Discussion :

[UmanU]

Oui découper la photo en 4 bien sur je pensais faire sa mais le probleme c'est que cette photo est découpée de deux traits en diagonale...

Et qu'est qui cloche dans mon code ??

[Tober]

si tu veux garder les proportions de ton image, tu fais le rapport largeur/hauteur, par exemple une image 800x600, le rapport est de 4/3, donc quand tu vas augmenter ta hauteur et ta largeur, tu fais :

Code Pseudo code :

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

1
2
largeur = largeur + 10*(4/3)
hauteur = hauteur + 10*(3/4)

et le tour est joué

[UmanU]

je les définies ou ces variables ?

moi je pensais qu'il falais metre sa dans les +'px' non ? ou alors séparer la hauteur de la largeur dans la fonction mais le code de mon post un peu plus haut ne fonctionne pas...

[Tober]

je te donne la mainère de procéder pour augmenter la taille de ton image si elle n'est pas carré (si elle l'est aussi d'ailleurs ), après, c'est à toi de le faire !

[UmanU]

Oui je sais bien mais j'assai de le faire et sa donne rien ...

[Tober]

procède exactement comme le code que je t'avais filé au depart mais change juste les lignes qui agrandissent et reduisent l'image avec ce que je t'ai filé en dernier...

[UmanU]

J'essai j'essai

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function grand(image, x, width, height)
    {
	if(x <= 426  )
	   {
		image.style.position = "relative";
	   }
	if(x < 600 )
	   {
		width = width + 10 * (4/3)
		height = height + 10 * (3/4)
		setTimeout(function(){grand(image, x+20)}, 1);
 
	   }
    }
function petit(image, y, width, height){
	if(y > 426){
		width = width + 10 * (4/3)
		height = height + 10 * (3/4)
		setTimeout(function(){petit(image, y-20)}, 1);
	} 
	else{
		image.style.position = "static";
	}
}

Mais je sens bien que ce n'est pas comme sa...

Tu pourrais me monter vite fait après j'essai d'adapter aux 4 blocks.

[Tober]

tu recopies drollement mal le code
le rapport largeur/hauteur doit etre utiliser pour la largeur (width) mais pour height, faut utiliser l'inverse... (donc hauteur/largeur)
en plus width et height c'est quoi dans tes fonctions ? faudrait ptete les utiliser pour modifier un jour la taille de l'image non ?

[UmanU]

Ha oui dsl erreur d'étourderie... ( j'ai édité)


Par contre la suite je comprends pas bien...

C'est pas ce que j'ai fait en remplacant ?

[Tober]

non, toi tu modifie le parametre width et height de la fonction, mais si tu modifies leurs valeurs, ca changera rien au programme général...
si tu veux modifier la largeur d'un element, tu le fais directement comme ça : document.getElementById("ton id").style.width = val + "px";
ou alors tu fias comme je t'ai dis de faire plus haut, tu recopies ma fonction qui passe en paramètre l'objet directement...
en fait, je pense comprendre ce que t'as pas compris
exemple : tu as une fonction changeLargeur(largeur); qui prend la largeur d'un objet, et toi tu penses que si dans la fonction changeLargeur, je change la variable largeur, ca changera la largeur de l'element aussi !
Hors dans tous (ou presque) langage de programmation, le passage de paramètre à une fonction se fait par copie des paramètres, c'est à dire dans mon exemple que c'est pas la largeur de l'objet que tu changes, mais la copie de la largeur de l'objet ! (tu comprends ? )
donc si tu veux changer la largeur d'un objet, au final, faut pas faire comme ça !
Il faut passer l'objet (enfin un pointeur sur l'objet ) ET la largeur que tu veux mettre !

bon je sais pas si je suis clair, mais les explications et moi ça fait deux
quelqu'un pour lui expliquer mieux ?

[UmanU]

J'ai beau lire et relire ton post j'ai du mal a comprendre !! ^^


Sinon qqn veux bien me faire un exemple avec la premiere fonction et moi je le fait a l'autre fonction ?

[UmanU]

non personne ?

[UmanU]

allé svp...

ça sera ma page d'acceuil de mon site il faut que sa soit jolie !!

[UmanU]

Bon j'ai séparer mon images en quatre.

1er probleme : ce ne sont pas des carés mais des trapèzes alors quand je passe la souris sa mache pas super...

2eme : sa se superposse.... comment on fait pour que le zoom se fasse par un autre coté ?