Image dans la miniature

Question

J'ai beaucoup de mal à essayer d'adapter toute la largeur de mon image à la largeur de la vignette. J'ai essayé un code CSS différent et jusqu'à présent, aucun n'a fonctionné. Je ne suis pas sûr que ce soit mieux résolu withcss ou jquery. Par exemple, si je réduis la largeur de l'image des pouces, l'image devient plus petite, tout comme la vignette elle-même et mon image est encore coupée avec de grands espaces autour des vignettes. Tout ce que je veux, c'est rétrécir l'image pour qu'elle corresponde exactement à la largeur maximale de la vignette. S'il vous plaît, aidez, ce problème m'a bloqué pendant plus d'un mois.

Si elle aide, voici un lien http://scottribbelobrien.blogspot.ca/

Merci beaucoup pour votre aide.

Answer 1

Utilisez cette css:

background-image: url(your-url-here); 
background-size: 100% 100%; 

Answer 2

J'étais ont le même problème, jusqu'à ce que je trouve quelque chose, allez à la lire plus script dans la balise head et trouver ces deux lignes.

img_thumb_height = 250; 
img_thumb_width = 350; 

changer maintenant la hauteur de ce « », et choisissez une largeur spécifique l'image en fonction de ce que vous ne voir l'image pressé ou étendu. ce "tage" ajustera la hauteur automatiquement pour s'adapter à la largeur de l'image.