1

所以我建立了一个网站，加载Imgur的主页并将图像拉成全尺寸，然后将它们放在我网站的主页上。唯一的问题是一些图像很大，我不知道如何调整它们的大小。我不知道我是否应该使用 CSS、Javascript，或者是否可以使用 PHP。

仅供参考，我正在使用简单的 HTML Dom Scraper

这是我的网站：www.probablycats.com

这是我的 PHP 代码：

$imgur = file_get_html('http://www.imgur.com');
foreach($imgur->find('div[class="post"]') as $images)
{
    $imagelink = 'http://www.imgur.com/gallery/'.$images->id;
    $imagepage = file_get_html($imagelink);
    foreach($imagepage->find('#image') as $image2)
    {
        echo "<div class=\"images\">$image2</div>";
    }

}

这是我的 CSS 代码：

html
{
    background-color:#D0D0D0;
    max-width:100%;
}

.images
{
    padding:20px 20px;
    float:left;
}

所以澄清一下，有些图像很大，超出了屏幕的宽度。我将如何调整它们的大小？如果需要，我可以解释更多，但如果有人可以帮助我，我将不胜感激。谢谢！

4

2 回答 2

2

最简单的方法是使用 CSS：

.images img
{
    max-width: 200px;
}

这将以所需的最大尺寸渲染图像，同时保持原始比例。 注意：使用 HTML 宽度属性调整大小不会在所有浏览器中保持原始比例，但不会物理调整图像大小。但是，由于您引用的是来自 Imgur 服务器的图像，因此这不会影响您自己站点的带宽。

要使用 PHP 执行此操作，需要将图像加载到您的服务器上，使用 gd2 或 imagick 调整它们的大小，保存它们，然后引用服务器上保存的图像以在页面上显示。这也可能违反了 Imgur 的 T&C

于 2012-12-03T22:57:23.977 回答
1

您可以在此处指定宽度：

echo "<div class=\"images\" width=\"150px\">$image2</div>";

但是，这仍然会加载整个图像，而不是在技术上将其缩小。因此，如果图像很大，它仍然会加载缓慢

于 2012-12-03T22:57:55.207 回答