Question

基本上我想做的是，如果它比屏幕上的160px / 10em短，则将img高度设置为100％。我没有使用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博客上的空间。除非你得到一张非常宽的图片，例如全景图，否则效果会非常好，因为全景图会被裁剪成小视图。任何帮助解决这个问题都将非常感激。

Answer 1

javascript中没有“then”。你也忘记了第二个括号前面的第二个$ -sign，然后我猜你不能用“100％”检查高度。

如果img是某个高度，则设置高度/边距的javascript

1 个答案: