如果img是某个高度,则设置高度/边距的javascript
基本上我想做的是,如果屏幕上的img高度小于160px/10em,则将其设置为100%。不过,我没有使用javascript的经验。几次谷歌搜索后,我想到了这一点如果img是某个高度,则设置高度/边距的javascript,javascript,image,height,margin,tumblr,Javascript,Image,Height,Margin,Tumblr,基本上我想做的是,如果屏幕上的img高度小于160px/10em,则将其设置为100%。不过,我没有使用javascript的经验。几次谷歌搜索后,我想到了这一点 if ($('#Photo_Crop img').height() < 160) { then ('#Photo_Crop img').style.height = "100%";} 正如你所看到的,我的代码会裁剪一张图片,直到你将鼠标悬停在上面,然后它会显示整个图片。这是为了节省Tumblr博客的空间。除非你得到一张
if ($('#Photo_Crop img').height() < 160) {
then ('#Photo_Crop img').style.height = "100%";}
正如你所看到的,我的代码会裁剪一张图片,直到你将鼠标悬停在上面,然后它会显示整个图片。这是为了节省Tumblr博客的空间。除非你得到一张很宽的图片,比如全景图,否则效果会很好,因为全景图会被裁剪成很小的样子。如果您能帮助解决此问题,我们将不胜感激。javascript中没有“then”。另外,您忘记了第二个括号前面的第二个$-符号,然后我猜您不能使用“100%”来检查高度。如果($(''Photo'u Crop img').height()<160){($(''Photo'u Crop img').style.margin()=“0”}仍然不起作用,尽管您可能应该先学习javascript。你混合了jquery和dom javascript..我可能应该是的。但是我现在没有足够的时间这么做。试试看:if($('Photo#u Crop img').height()<160){$('Photo#u Crop img').css({margin:0});}希望对你有所帮助。
<div id="Photo_Crop"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>
#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;
}