Recadrer une image

Soyez le premier à donner votre avis sur cette source.

Vue 18 573 fois - Téléchargée 1 324 fois

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
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
15
Date d'inscription
lundi 28 juin 2004
Statut
Membre
Dernière intervention
8 octobre 2008

Bonjour

Juste une petite question. Peux t'on imaginer la création d'une image après le recadrage??

Est ce que cela a déjà été développé??

Merci d'avance
Messages postés
631
Date d'inscription
samedi 28 septembre 2002
Statut
Membre
Dernière intervention
18 mai 2009
3
C'est propre et fonctionnel et ça, ça fait plaisir à voir.

Seul remarque, l'existance de quelques attributs comme [cellpadding="0" cellspacing="0" border="0"] qui gachent un peu le paysage mais bon...
Messages postés
1
Date d'inscription
lundi 17 décembre 2007
Statut
Membre
Dernière intervention
25 janvier 2008

slt

oui mais javais un probleme sous FF quand j afficher le controle (le grand cadre) celui-ci ne s 'afficher pa corectement ! donc j'ai fait ca pour savoir si l'image de fond à bien été charger avant d'afficher le controle ^o)

j'espere que tu conprend !!!
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
7
Ça m'a l'air très bien codé et bien commenté. La seule chose qui m'embête c'est à savoir si tu n'aurais pas été mieux de partir de la classe Image qui est déjà existante et de rajouter tes fonctions à cette classe au lieu de te créer une nouvelle classe. En somme, ça ne fait pas une grosse différence mais ça t'aurais évité de faire ta ligne r.ObjectFile = i.

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.