J'ai un Le Problème est que les images sont téléchargées par les utilisateurs et peuvent être n'importe quel rapport J'ai besoin des images pour adapter le essentiellement, je veux que toutes les images soient affichées Correction et en qualité de correction acutale. P> Je ne veux pas restreindre les tailles d'images pouvant être téléchargées telles qu'elles sont affichées dans d'autres parties du site en taille / qualité complète. P> Est-ce que vous pouvez fournir une solution? p> p> div code> qui est
largeur: 500px; code> et
hauteur: 170px; code>
DIV code > contient un diaporama fort> jQuery strong> qui obtient des images aléatoires de ma base de données et les affiche. P>
div code> sans être redimensionné à l'aide de p>
4 Réponses :
Vous pouvez utiliser CSS pour définir la taille des images dans le diaporama sans modifier nécessairement le rapport de format de l'image.
Définissez la hauteur de l'image sur la hauteur du récipient de diaporama p> li>
Faites de la largeur automatique de sorte qu'il maintient son rapport de format p> li>
Définissez une max-largeur afin qu'il n'atteigne pas plus large que le diaporama p> li>
ul> Remarque Les images peuvent être plus minces que le diaporama si la taille d'origine est petite. p> p>
Vous devriez pouvoir utiliser la propriété Votre HTML: P> max-largeur de CSS CODE>. Vous ne voudrez pas spécifier la largeur ou la hauteur si vous faites cela.
#yourContainer {
width: 500px;
height: 170px;
}
#yourContainer img {
max-width: 100%;
max-height: 100%;
}
J'ai compris comment accomplir l'image redimensionner le rapport de l'image et centrer l'image avec un simple morceau de code CSS comme suit: espère que cela aident quelqu'un :) p> < / p>
Utilisez la combinaison ci-dessous de la hauteur et de la largeur