Question

（与Tumblr的照片有关）

Photosets会自动将图片大小调整为post（div）宽度，这意味着如果post div为540px，那么photoset会自动调整大小以适应它。这个问题是它调整了较小的图像类型（范围从540px到268px，然后是177~178px，但我们的重点是268px），而没有考虑边距，应该是4px。这意味着268px图像应该是268px，它们调整到大约270px。我通过将post divs的宽度设置为536px来找到一个临时修复，但是将最大图像的大小调整为比我想要的略小，我还没有找到解决这个问题。

有没有办法使用jquery代码将最大宽度268px应用到照片中268px和更小的任何东西，但是留下更大的东西？我已经尝试了几个代码浮动，但我似乎无法让Tumblr回应它们，所以我会在这里发布其中一个以查看我是否犯了错误。我可以在不使用jquery的情况下单独应用/修改边距，所以我已经处理好了，我只需要将图像本身正确调整大小。谢谢。

$(document).ready(function(){
    $('.posts img').each(function(){
        if($(this).width() > 268){
        $(this).css('max-width', '268px');}
    });
});

Answer 1

根据您的评论，您似乎需要将query.min.js置于其余脚本之上，以便jQuery正常运行：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> 
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></s‌cript>

要查找小于或等于268px的所有图像，请尝试：

$(document).ready(function(){
    $('.posts img').each(function(){
      if ($(this).width() <= 268) {
        $(this).css('max-width', '268px');
      }
    });
});

根据宽度（jquery）将css应用于图像

1 个答案: