0

基本上我想做的是将img高度设置为100%，如果它在屏幕上小于160px/10em。虽然我没有使用 javascript 的经验。经过几次谷歌搜索后，这就是我想出的。

if ($('#Photo_Crop img').height() < 160) {
    then ('#Photo_Crop img').style.height = "100%";}

然而令人惊讶的是它不起作用。这是使用的html。

<div id="Photo_Crop"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>

这就是CSS。

    #Photo_Crop {
    height:64%;
    overflow:hidden;    
}

#Photo_Crop img {
    transition:margin-bottom 0.333s, margin-top 0.333s;
    margin-bottom:-16%;
    margin-top:-16%;
    z-index:-1;
}

#Photo_Crop:hover {
    height:100%;
}

#Photo_Crop img:hover {
    margin-bottom:0;
    margin-top:0;
}

正如你所看到的，我的代码裁剪了一张图片，直到你将鼠标悬停在它上面然后它会显示整个图片。这是为了节省 Tumblr 博客的空间。除非您获得非常宽的图片（例如全景图），否则它的效果很好，因为全景图将被裁剪并看起来很小。任何解决此问题的帮助将不胜感激。

4

1 回答 1

0

javascript中没有“then”。此外，您忘记了第二个括号前面的第二个 $ 符号，然后我猜您不能使用“100%”来检查高度。

于 2013-08-08T12:04:45.130 回答