2009-12-16 6 views
1

J'ai beaucoup d'images à montrer pour la <table> ou <td>Comment faire une même image de taille dans <td>, mais l'image de taille diffrent

Comment faire l'image de même taille dans <table>/<td>, mais l'image taille diffrent.

pour voir Mon site, cliquez ici: promolagi.com

Merci. Lorsque vous créez une image, vous pouvez définir sa hauteur et sa largeur comme étant constantes.

+0

En général, vous devez traiter vos images côté serveur et y créer des vignettes. Parce que si vous utilisez '', l'image est réduite dans le navigateur, c'est-à-dire que l'image originale (grande) est transférée (en utilisant plus de bande passante) et est seulement affichée plus petite.Par exemple, si vous avez 10 grandes images avec 1 Mo chacune, il y aura toujours 10 Mo, bien qu'elles soient affichées sous la forme de petites images 50 x 50. –

Répondre

0

Gardez à l'esprit qu'il sera étirer votre image pour s'adapter à la taille que vous désirez et la qualité sera réduite.

+0

si vous utilisez ce n'est pas proportionnel. exemple: image 1: 200x120 image 2: 300x 100 image est la taille diffrent merci – Iwan

+0

Si vous venez de l'un d'entre eux (hauteur ou largeur), il gardera les proportions – Faruz

+0

oui, maintenant je viens de mettre en hauteur = 150px , mais, ouais ... ça ressemble à maintenant. pas bon – Iwan

2

Dans votre CSS:

table img{ 
    width:200px; 
    height: 300px; 
} 

Vous aimez cette toutes vos images dans une table auront 200x300px de taille.

Vous pouvez spécifier pour chaque image:

<img style="height:200px" src="..." /> 

ou

<img height="200px" src="..." /> 
+0

oui, mon script est maintenant mais, ouais ... on dirait maintenant – Iwan

0

Ajouter un div dans la td définir la taille de la div à la taille que vous voulez que l'image affichée et puis définissez le débordement à masquer. Cela devrait alors montrer seulement une partie de l'image mais elle sera toujours de la même taille.

0

Si je comprends bien votre question, vous avez des images de tailles différentes et vous souhaitez créer des miniatures de même taille.

Vous devez créer de nouveaux fichiers image, des miniatures que vous stockez sur le serveur. (Il n'est pas recommandé d'utiliser des images en taille réelle et de les redimensionner.)

Vous pouvez créer des images miniatures à l'aide d'un programme de manipulation d'images (Photoshop, PSP, Gimp, etc.). Habituellement, ceux-ci ont l'option de traitement par lots pour gérer plusieurs images. Ou utilisez l'éditeur d'image basé sur une ligne de commande, ImageMagic, ce qui est pratique pour effectuer des tâches par lots.

Ou utilisez un programme de générateur de vignettes dédié. Il existe de nombreuses alternatives gratuites (Google pour générateur d'image miniature). Comme les images ont des proportions différentes, vous devez décider ce que vous entendez par "même taille". La même largeur ou la même hauteur, ou la même dimension maximale (doit tenir dans un rectangle spécifié), ou la même zone. Le programme générateur de vignettes vous permet généralement de choisir l'une de ces options. Ensuite, il génère des vignettes par exemple pour toutes les images dans un dossier spécifique.

Plusieurs de ces programmes peuvent également générer du code html pour une galerie d'images.