Html / CSS制作网站的实时图片

Question

我希望在网站上建立一个链接所在位置的实时更改图片链接。

例如：我有一个指向页面A的链接，因此图片将显示页面A.如果我想更改页面A的颜色，我不必更改链接图片上的任何代码，只需更改代码对于页面上的颜色和图片，颜色会发生变化。

Answer 1

您可以使用Shrink The Web等商业服务，为此功能提供API。它比一些CSS / HTML更加密集。

Answer 2

你可以使用一个小的iframe。我会在其顶部添加一个链接，以防止与该页面本身的任何交互。否则，抓取屏幕截图不仅需要HTML和CSS。

Answer 3

如果我理解你的问题，这些是你的问题的可能性。

1. 使用iframe，以便您可以根据更改更改iframe的来源，并将其反映在每个使用的位置。
2. 如果您使用的是Jquery，knockout或任何模板引擎，那么您可以创建一个模板。这样你就可以改变它并重复使用它。

Answer 4

有免费工具可以执行此操作

您不需要更改图像，但是他们使用缓存，您可能需要刷新更新图像的请求

1. http://mozshot.nemui.org/
2. http://www.websnapr.com/

它们使用起来非常简单，因为此链接显示了一个非常小的谷歌镜头，你可以在html img标签中使用at： http://mozshot.nemui.org/shot/small?http://www.google.com/

我的建议：

第一个（mozshot）是开源的，所以你可以简单地下载和编辑它，把它放在你自己的网站上经常更新图像，甚至每次刷新后（这将是现场但需要很多）资源）

这是mozshot的源代码：http://github.com/sugi/mozshot

希望这有帮助