Rechercher : dans
Par :

Redimensionner image à l'affichage

Dernière réponse le 16 jan 2009 à 17:01:43 Archeus01, le 16 jan 2009 à 16:19:52 
 Signaler ce message aux modérateurs

Bonjour,
savez-vous comment redimensionner une image en php ou en html, ou en css ou en javascript lors de l'affichage en GARDANT le ratio?

Cdt, Archeus

Configuration: Windows XP
Firefox 3.0

Meilleures réponses pour « redimensionner image à l'affichage » dans :
Afficher les images et les animations Flash dans le navigateur Voir Quand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
Redimensionner un lot d'images/photos VoirVous voulez redimensionner vos photos ou images pour pouvoir les envoyer plus facilement par mail, insérer sur un blog, ou plus simplement gagner de l'espace sur votre disque dur ? Mais vous ne voulez pas les redimensionner une par une à la main...
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Hébergement gratuit d'images, de photos et d'autres fichiers VoirPlusieurs sites vous permettent d'héberger gratuitement toutes vos images : PixyUp.com imgur.com IMAGEDream Web-Images ImageVenue xs.to ImageShack CJoint Servimg Mabul UpandPost HostinPics Lacr@p zimage.biz Imagilive.com
Télécharger Snap Express VoirLes captures d’écran peuvent être d’une grande utilité pour extraire une image afficher à l’écran. Snap Express est outil de capture d’écran. Il propose plusieurs méthodes de capture dont : la capture totale de l'écran, la...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

1

Groarh, le 16 jan 2009 à 16:44:41

Salut,

css dans sa version actuelle (2.1) ne permet pas de faire ça. En revanche, rien de plus simple dans un langage de script comme PHP ou JavaScript ! Il suffit de multiplier les deux coordonnées de l'image par un même nombre lambda (c'est une homothétie).
Si lambda > 1, c'est un agrandissement ;
si lambda < 1, c'est une réduction.
Et si lambda < 0 … syntax error :P

Pour faire une modification "en direct", pas le choix : c'est JavaScript. Tu récupères ton image avec une des célèbres méthodes getElement, puis tu peux jouer soit sur ses attributs css style.height et style.width, soit plus simplement en profitant des propriétés offertes par l'interface HTMLImageElement (réf. ici), height et width.

À partir de là, la plus simple des fonctions envisageables est, à mes yeux, celle qui prend l'image elle-même en paramètre :

function redim(img, lambda) {
    img.width *= lambda;
    img.height *= lambda;
}

;)

Répondre à Groarh

2

 Archeus01, le 16 jan 2009 à 17:01:43

A la base j'ai une image de 1195px × 962px . Quand j'affiche les propriétés dans le navigateur j'ai ;
1195px × 962px (redimensionnée en 248px × 200px)... Je ne sais pas pourquoi à vrai dire, je l'ai juste placé à gauche d'un div qui fait 250 px en hauteur... Enfin bon, du coup, ça me l'a redimensionné tout seul et c'est pas plus mal.

Cdt, Archeus

Répondre à Archeus01
Collection CommentÇaMarche.net