jQuery Girl
  1. jQuery Girl
  3. Redimensionner l’image à 100% de la hauteur d’une div et conserver les proportions
Intereting Posts
Comment diviser une ligne de table avec jQuery (insérer TR entre TD) Bloquer le préchargement de l’interface utilisateur Application d’un événement de modification jQuery à des entrées html potentielles infinies, utilisez-vous le même identifiant pour toutes? Météo Souterrain API Astronomie détecter des points de suspension en cas de dépassement de texte css avec jquery Comment invoquer le même code en utilisant plusieurs événements? La barre d’outils des filtres JQGrid ne filtre pas les lignes lors de l’utilisation d’un outil de formatage sur une colonne Comment puis-je obtenir la distance entre 2 éléments (point central)? Sélecteur de date Evénement clic suivant Obtention d’éléments DOM insérés dans jQuery sans requerying d’élément après l’insertion Pouvez-vous ignorer le HTML dans une chaîne lorsque vous effectuez un remplacement avec jQuery? jQuery sur méthode avec réponse ajax La requête jQtery ajax GET s’exécutant deux fois JQuery est-il une monade l’appel de données Json renvoie undefined “

Redimensionner l’image à 100% de la hauteur d’une div et conserver les proportions

Voici un rapide croquis.

Je voudrais réaliser que les images dans la galerie div seront 100% de la hauteur de la galerie div et garder le rapport d’aspect

ET

ces images seraient redimensionnées comme vous changeriez la taille du navigateur.

Est-ce possible?

Toute aide serait très appréciée.

Voici ce que j’ai fait jusqu’à présent: www.nulaena.si/photob/.

Quelque chose comme ça? 

body { padding:0;margin:0; } #header { position: absolute; background: orange; top:0; left:0; width: 100%; height: 100px; } #footer { position: absolute; background: orange; bottom: 0; left: 0; width: 100%; height: 100px; } #middle { position: absolute; top: 100px; bottom: 100px; left: 0; width: 100%; } img { height:100%; width: auto; }

utilisez #yourgallerydiv img { height: 100%; } #yourgallerydiv img { height: 100%; } (bien que la width soit préférable – je n’ai pas testé la height ) pour la balise d’image à l’intérieur de votre galerie div, et redimensionnez les images assez grandes pour remplir une grande profondeur d’écran afin qu’elles ne se pixellisent pas lorsqu’elles sont agrandies. Les images dimensionnées en pourcentage s’agrandissent lorsque l’élément parent s’agrandit (si un pourcentage lui est également atsortingbué).