如何让所有上传的POST图片默认自动具有数据宽度和数据高度属性?

时间:2015-07-13 作者:jimmyplaysdrums

现在,当有人将图像添加到博客帖子时,我的所有图像都会自动具有宽度=和高度=的属性。但是,如果我还希望每个图像都有一个数据宽度=和数据高度=并使其等于图像的实际大小,该怎么办?这可能吗?

我想用这个:http://davidecalignano.it/project/?medium-lightbox 但它似乎需要这些属性,如果我必须手动将它们添加到每个博客帖子的每个图像中,它将不起作用。

1 个回复
最合适的回答,由SO网友:MonkimoE 整理而成

是的,你可以。请看我的工作小提琴:

http://jsfiddle.net/MonkimoE/0wtgm8a1/

  1. 您需要添加id。
    1. 示例:<img class="img" id="imageid".....

      删除所有atribute“数据宽度”和“数据高度”。因为它会自动添加。

      添加此javascript:

    (如果主题不适用,可以将“$”更改为“jQuery”)

    <script> var img = document.getElementById(\'imageid\');  var width = img.naturalWidth; var height = img.naturalHeight;
    
    $( document ).ready(function() {
        $(\'div.aspectRatioPlaceholder\').find(\'*\').attr(\'data-width\', width);
        $(\'div.aspectRatioPlaceholder\').find(\'*\').attr(\'data-height\', height); }); </script>
    
    更好的方法是使用类似于上面示例的javascript。但是如果你想用php处理。您可以使用以下内容修改主题/插件:

    <?php list($width, $height) = getimagesize("image URL here"); ?>
    
    它将生成$width作为真实图像宽度,$height作为真实图像高度。

    祝你好运

结束

相关推荐

Replace all media (images)

我为我的Wordpress网站创建了一个新主题,我需要替换网站上的所有媒体(图像),因为我使用的是所有新的图像大小(比我当前网站上最大的图像大小还要大)。98%的图像将使用相同的名称。每个帖子只包含一个(特色)图像,并且帖子的内容区域中没有图像,因此这使工作稍微容易一些。我想知道做这件事最好(最干净)的方法是什么。我考虑了以下因素:使用Wordpress plugin手动删除我所有帖子中的特色图像,删除它们,然后手动添加新图像删除我上传文件夹中的所有媒体,并将其替换为新图像,然后通过以下方式重新生成图像大