Designed by Maunakea !
65 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche

 NewsLetter






   

Afficher ses images à la taille voulue

Utilisation du composant IMGSIZE





DB77
Devant la diversité des formats d'image actuels, il est parfois nécessaire de connaître les dimensions d'une image afin d'adapter les paramètres «width» et «height» lors de son affichage sur une des pages du site.
C'est notamment le cas si vous proposez à vos visiteurs de déposer sur votre site leur avatar.
Aurélien nous a déjà proposé une solution et vous trouverez deux liens sur ces deux articles un peu plus bas sur cette page.
En ASP, il existe un composant gratuit qui permet de connaître ces dimensions. En PHP, il suffit d'utiliser la fonction getimagsize ;

 

Voyons donc les étapes successsives de sa mise en oeuvre.

 Installation 
Comme beaucoup de composants, il s'agit d'une DLL à copier sur le serveur et à enregistrer dans la base de registre.
Il convient donc, dans un premier temps, de copier le fichier «IMGSIZE.DLL» sur le disque de votre serveur.
Dans un deuxième temps, il faut exécuter, sur le serveur, la commande «REGSVR32 chemin_d'_accès_à_la_DLL»
Exemple :
Si vous copiez le fichier «IMGSIZE.DLL» dans «C:\outils\IMGSIZE.DLL», il faudra exécuter la commande : «REGSVR32 C:\outils\IMGSIZE.DLL»
Le composant ImgSize

 Utilisation 
Voyons d'abord comment fonctionne ImgSize

<% 
' Création d'un objet IMGSIZE
Set Picto=Server.CreateObject("ImgSize.Check")
' Déclaration de l'image à analyser
Picto.FileName="C:\Images\truc.gif"
' On teste s'il y a une erreur
if Picto.Error <> "" then
   Response.Write "Erreur : <b>" & Picto.Error & "</b>"
else
   ' Récupération des dimensions
   largeur=Picto.Width
   hauteur=Picto.Height
End if
' Libération de l'objet
Set Picto=Nothing
%>


 Concrètement 
Supposons que vous autorisez un avatar qui fasse 100 pixels de large sur 100 pixels de haut au maximum.
Comment faire pour conserver la proportionnalité de l'image uploadée par votre utilisateur ?
Tout d'abord, allez jeter un oeil sur les scripts d'Aurélien :
RedimImage  et :  AveImgClass
Maintenant, voici celui que je vous propose :

<% 
' Nous allons créer une procédure
Sub Redimimage(urlimg,maxX,maxY)
' Vérifier que l'image existe bien
Set FSO = Server.CreateObject("Scripting.FileSystemObject") 
dir = Server.MapPath("./") ' Vous mettrez ce que vous voulez
Fnm = dir & "\" & urlimg
if FSO.FileExists(Fnm) then
   ' Création d'un objet IMGSIZE
   Set Picto=Server.CreateObject("ImgSize.Check")
   ' Déclaration de l'image à analyser
   Picto.FileName=Server.Mappath("./"&urlimg)
   ' On teste s'il y a une erreur
   if Picto.Error <> "" then
      Response.Write "Erreur : <b>" & Picto.Error & "</b>"
   else
      ' Récupération des dimensions
      largeur=Picto.Width
      hauteur=Picto.Height
      ' Libération de l'objet
      Set Picto=Nothing
      ' Calculons le ratio idéal
      ratiox=largeur/maxX ' Ratio en largeur
      ratioy=hauteur/maxY ' Ratio en hauteur
      if(ratiox>ratioy) then ' Quel est le plus grand
         ratio=ratiox
      else
         ratio=ratioy
      end if
      response.write "<img src="&urlimg&" width="&Cint(largeur/ratio)&" height="&Cint(hauteur/ratio)&">"
   end if
end if
Set FSO=Nothing
end sub
'
' Et cette procédure sera appelée comme ceci :
'
Redimimage "photos/db77.gif",100,100
%>



A vos avatars...
Affichez bien vos images...

Pour pouvoir écrire dans ce forum, identifiez-vous !

  v1.3p © ASP-PHP.net 2002  

DB77 le 23/06/2008 (13 281 hits)
Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
  • Visual Studio 2010
  • Office 2010
  • Expression Studio 3
  • SQL Server 2008
  • et d'autres...
Au fil des news  
Adobe - Adobe lance des applications Photoshop Express....
PHP - Détermination de l'intersection entre 2 segments
Magazines - Le N°132 de Programmez est disponible
Les alertes dans SharePoint 2007 - Comment SharePoint 2007 gère les User Alerts
Une des fonctionnalités de base de SharePoint, aussi bien dans Windows SharePoint Services (WSS) ...
Adobe - Photoshop.com Mobile pour Android 1.2
Adobe - Adobe dévoile une technologie de lecture.......
PHP - Experts PHP : participez au Forum PHP 2010 !
PHP - Fobec.com - Code source PHP & javascript
Foliotage alphabétique - Lister sur la première lettre d'un champ
Pour faire suite à l'article de JPierre sur la pagination alphabétique, voici, en ASP et en PHP, ...
Dreamweaver CS4 + Php + Mysql - Pagination alphabétique
Je vous propose la création d'une barre de navigation ou pagination alphabétique pour filtrer les ...
Adobe - HTML5 dans Dreamweaver CS5
VBScript - Déterminer si un chemin est absolu ou relatif
VBScript - Lire/écrire un fichier texte
Magazines - Le N°130 de Programmez est disponible
Hebergement - Hébergement à prix libre
Adobe - Adobe Creative Suite 5
PHP - Calcul de la date de Pâques
Magazines - Le N°128 de Programmez est disponible
Magazines - Le N°127 de Programmez est disponible
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
JavaScript - Ajouter une page dans vos favorites
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...
SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...
Magazines - Le n°126 de Programmez est disponible
Outils - Traducteur en ligne automatique pour site web
Adobe - Adobe Photoshop.com Mobile pour Iphone
Magazines - Le n°125 de Programmez est disponible
Adobe - Adobe AIR 2 et Flash Player 10.1version bêta
Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...
Magazines - Le n°124 de Programmez est disponible
PHP - Forum PHP 2009
Composants - eFace - XAML en Java
WPF - Désactiver le bouton de réduction d'une fenêtre
Magazines - Le n°123 de Programmez est disponible
Magazines - Le n°122 de Programmez est disponible
Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...
SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...
Magazines - Le HS N° 1 de Web Design est disponible
Outils - EntityBuilder
Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
  Scripts : Scripting | ASP-PHP | ASP.net | Divers
  Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats
v3b © Didier 2003   
 

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
 ASP-magazine MVP Groupes Utilisateurs Microsoft DotNet Project TechNet