Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如果img是某个高度,则设置高度/边距的javascript_Javascript_Image_Height_Margin_Tumblr - Fatal编程技术网

如果img是某个高度,则设置高度/边距的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博客的空间。除非你得到一张

基本上我想做的是,如果屏幕上的img高度小于160px/10em,则将其设置为100%。不过,我没有使用javascript的经验。几次谷歌搜索后,我想到了这一点

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;
}