Question

我使用DOM制作PHP脚本，以便动态自动调整图像大小。该脚本有效，但当我尝试在<a ...>和</a>之间封装已调整大小的图像时（我在灯箱中显示正常大小）时出现问题。

问题是调整大小的图像显示在$ html输出的末尾，这不是正确的位置。我做错了什么？

这是我的代码：

$dom = new DOMDocument();
@$dom->loadHTML($html);
$dom->preserveWhiteSpace = false;
$max_width = 530;

$images = $dom->getElementsByTagName('img');
foreach ($images as $image) {
$img_width = $image->getAttribute('width');
$img_height = $image->getAttribute('height');

if($img_width > $max_width) {
    //Scale
    $scale_factor = $max_width/$img_width;
    $new_height = floor($img_height * $scale_factor);           
    //Set new attributes
    $image->setAttribute('width', $max_width);
    $image->setAttribute('height', $new_height);
    //Add Link
    $Zoom = $dom->createElement('a');
    $Zoom->setAttribute('class', 'zoom');
    $Zoom->setAttribute('href', $src);
    $dom->appendChild($Zoom);
    $Zoom->appendChild($image);
}
}

谢谢你的帮助！

Answer 1

您需要使用replaceChild代替：

foreach ($images as $image) {
    $img_width = $image->getAttribute('width');
    $img_height = $image->getAttribute('height');

    if($img_width > $max_width) {
        //Scale
        $scale_factor = $max_width/$img_width;
        $new_height = floor($img_height * $scale_factor);           
        //Set new attributes
        $image->setAttribute('width', $max_width);
        $image->setAttribute('height', $new_height);
        //Add Link
        $Zoom = $dom->createElement('a');
        $Zoom->setAttribute('class', 'zoom');
        $Zoom->setAttribute('href', $src);

        $image->parentNode->replaceChild($Zoom, $image);
        $Zoom->appendChild($image);
    }
}

使用PHP DOM添加指向Element的链接

1 个答案: