Recadrer une image

Télécharger le projet
Commenter

Description

> Description :

Permet de recadrer une image à l'aide de JavaScript.
Quelque petit exemple son fournie avec. J'ai tester avec IE 7 et Firefox 3 (beta 1) sous vista et ca marche.

> Fonction

> Object.IsAutoSize >
Si la valeur vaut true le cadre (le grand cadre) sera dimensionner à la taille de l'image. Déconseiller si l'image est plus grand que la fenetre mettre à false et configurer les variables Object.SizeHeight et Object.SizeWidth

> Object.SizeHeight
Number, Hauteur du grand cadre

> Object.SizeWidth
Number, Largeur du grand cadre

> Object.CadreSizeHeight
Number, Haut du petit cadre

> Object.CadreSizeWidth
Number, Largeur du petit cadre

> Object.PositionChanged
Event, ce déclenche l'orsque la position du petit cadre change

> Object.ControlComplete
Event, ce déclenche l'orsque la fonction ShowControl() à été apeller

> Object SetPositionBackground
Function, permet de changer la position de l'image de fond

> Object GetPosition
Function, retourne la liste des differentes positions, un peut mal fait mais ca marche !
> Left : La position du petit cadre
> Top : La position du petit cadre

> Height : La hauteur du petit cadre
> Width : La largeur du petit cadre

> backgroundPosition : 0px 0px

> backgroundLeft: la position de l'image de fond
> backgroundTop : la position de l'image de fond

> Object SetPosition
Function, Change la position du petit cadre.


> Fichier PHP :
>Recadrer.php
Le script php fourni dans l'archive et juste pour l'exemple, donc si il y a des bugs de ce côter la, bein désolé :(

> Fichier Exemple :
> Exemple_Simple.html
Un exemple tout simple d'utilisation

> Exemple_Positionbg.html
Meme chose que l'exemple simple mais permet de déplacer l'image de fond à l'aide de la touche gauche, droite, haut et bas du clavier !
> Exemple_PositionbgIcon.html
Meme chose que l'exemple Exemple_Positionbg.html mais avec des icones pour le déplacement

Source / Exemple : 


var i = new Image();
	i.src = ADRESSE_IMAGE;
	
	var r = new Classe_Recadrer();

	r.ObjectFile = i; // Image

	r.Control = Object_du_control_div_par_preference

	r.ShowControl(); // affiche le control

Conclusion :


> Conclusion :

J'ai commenter du mieu que je pouvais pour que vous puisser conprendre.
Bonne utilisation

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PS 1 : Désolé pour toute les fautes de grammaire dans mes commentaires, mais j'suis pas très bon dans ce domaine :-p
PS 2 : J'ai commenter mon fichier JS comme en PHP !
PS 3 : Les images qui sont fournie ont été trouver sur internet ou sur mon DD
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.