图像适合缩略图

时间:2013-10-08 01:52:08

标签: jquery css image thumbnails blogger

我在尝试将图像的整个宽度调整到缩略图的宽度时遇到了很多麻烦。我尝试了各种css代码,到目前为止还没有工作。我不确定用css或jquery可以更好地解决这个问题。

例如,如果我减小拇指图像的宽度,图像会变小,但缩略图本身也会变小,我的图像仍会被缩小,缩略图周围会有大的间隙。我想要的只是缩小图像以完全适合缩略图的最大宽度。请帮忙,这个问题让我难以忍受了一个多月。

如果有帮助,请点击链接http://scottribbelobrien.blogspot.ca/

非常感谢你的帮助。

2 个答案:

答案 0 :(得分:1)

使用此css:

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

答案 1 :(得分:0)

我遇到了同样的问题,直到找到了一些东西,转到head标签中的read more脚本并找到这两行。

img_thumb_height = 250;
img_thumb_width = 350;

现在将高度更改为此"" ,并根据它选择图像的特定宽度,您将不再看到挤压或扩展的图像。  这个" " tage将自动调整高度以适合图像宽度。