AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 01 09 22:53:40
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

RECADRER UNE IMAGE


Information sur la source

Catégorie :Divers Classé sous : Recadrer, Image, Recadre Niveau : Débutant Date de création : 24/01/2008 Vu / téléchargé: 7 826 / 493
Auteur : cyril34680 Ecrire un message privé
Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
> 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

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

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de Arto_8000 le 25/01/2008 00:18:17 10/10

Ç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.

signaler à un administrateur
Commentaire de cyril34680 le 25/01/2008 00:24:07

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

signaler à un administrateur
Commentaire de XtremDuke le 25/01/2008 11:26:58

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

signaler à un administrateur
Commentaire de samourai_alex le 08/10/2008 12:28:07

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

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

recadrer et enregister une image [ par angeleus ] imaginons que j'ai une page html avec une photo, je voudrais en javascript recadrer cette image, puis enregister la nouvelle selection au format jpg o recadrer et enregister une image [ par angeleus ] bonjour,j'aimerais pouvoir recadrer une image et enregister cette nouvelle imagequelqu'un peut me donner un script svpmerci Afficher une(+) image(s) sur une autre... [ par Ptival ] Bonjour tout le monde !J'aimerais savoir si on pouvait afficher en Javascript, ( ou un autre langage mais je pense que ce serait plutôt du JS ), dans pre chargement d'images [ par ludoweb ] Bonjour :-)j'ai trouvé un script pour le préchargement d'images, j'en ai besoin car j'ai une page avec des rollover, donc 8 images en tout. j'ai adapt remplacer un swf par une image [ par nicopico ] Bonjour,J'aimerais savoir s'il est possible de remplacer un swf (qui est mon bouton animé) dans ma page html par une image fixe dans le cas où l'utili donner un fond transparent à une image [ par cz1702 ] Comment faire pour que le fond d'une image (blanc par exemple) soit transparent sur une page web (si on a une image en arrière plan ) ? jouer un son en cliquant sur une image [ par fabiin ] SalutComment faut-il faire pour jouer un son lors d'un clique sur une image, un lienmerci de votre aide @+Fabs<img src=/imgs2/smile_cool.gif border=0 Retrouver la position d'une image [ par Jean Pierre ] BonjourVoilà, j'ai un script qui me permet de deplacer une image sur l'ecran (drag'n drop). Mon probleme est qu'il faudrait que je puisse avoir la pos Position des objets [ par Dauphyn ] Je tente en vain de trouver la position d'une image en JS.Si par exemple j'insère l'image dans un tableau Ex : &lt;html&gt;&lt;body&gt;&lt;table&gt;&l Chargement automatique d'une image [ par bumblebee ] Je cherche a afficher une image l'orsque le client selectionne celle-ci dans dans un champ &lt;input type="file" &gt;Je suppose que cela est faisable


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,374 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.