如何跨多个页面显示和更新同一图像？

Question

是否有使用HTML或第三方工具在多个页面上显示相同图像的好方法？我想在多个博客帖子上显示相同的图片，并根据不断变化的促销活动，随时根据需要从一个位置轻松更新所有图片。我知道必须有一个简单的解决方案，但无法想到一个。

Answer 1

在您的问题中，您只标记了HTML，这是一种静态语言。根据我的经验，你需要使用像PHP或jQuery这样的更动态的语言来完成这样的事情。

例如在PHP中你可以做到

<?php 
$changing_image = "path-to-image/image.png";
?>

在HTML中使用Php变量

<img class="my_image" src="<?=$changing_image;?>" title="image">

在jQuery中，您可以将一个类附加到img并执行

$(".my_image").attr("src","other_image.png");

使用CSS，您可以使用div包装图像并使用

来使用background-property

<强> HTML

<div class="images"></div>

<强> CSS

.images {
   width: 100%;
    height: 400px;
    background-image: url('img.png');
    background-repeat: no-repeat;
    background-size: contain;
    }