Image 如果未找到图像,则显示某些图像的自定义图像-Lighttpd
我有一个网站,在内容创建后为一些内容创建图像。我试图找出在创建内容和创建图像之间应该做什么。我的想法是,我可能能够设置一个自定义图像,以便在原始图像上显示404错误。但是,我不确定如何使用lighttpd实现这一点。有什么想法或选择吗 编辑:问题在于用户不是创建内容的人,而是由流程创建的。基本上,我们正在向目录中添加项目,并且我们希望从产品提供商提供的图像创建标准化的目录图像。但是,我不希望提供商端的服务器速度慢,从而减慢新产品的添加。因此,需要一个单独的过程,稍后在可用的情况下创建图像。我想我可以让系统在创建产品时创建一个默认图像,然后在稍后从提供商提供的图像创建图像时覆盖它。使用HTML中的Image 如果未找到图像,则显示某些图像的自定义图像-Lighttpd,image,http-status-code-404,lighttpd,Image,Http Status Code 404,Lighttpd,我有一个网站,在内容创建后为一些内容创建图像。我试图找出在创建内容和创建图像之间应该做什么。我的想法是,我可能能够设置一个自定义图像,以便在原始图像上显示404错误。但是,我不确定如何使用lighttpd实现这一点。有什么想法或选择吗 编辑:问题在于用户不是创建内容的人,而是由流程创建的。基本上,我们正在向目录中添加项目,并且我们希望从产品提供商提供的图像创建标准化的目录图像。但是,我不希望提供商端的服务器速度慢,从而减慢新产品的添加。因此,需要一个单独的过程,稍后在可用的情况下创建图像。我想我
标记,并返回默认图像
<P> <!-- First, try the Python applet -->
<OBJECT title="The Earth as seen from space"
classid="http://www.observer.mars/TheEarth.py">
<!-- Else, try the MPEG video -->
<OBJECT data="TheEarth.mpeg" type="application/mpeg">
<!-- Else, try the GIF image -->
<OBJECT data="TheEarth.gif" type="image/gif">
<!-- Else render the text -->
The <STRONG>Earth</STRONG> as seen from space.
</OBJECT>
</OBJECT>
</OBJECT>
</P>
从太空看地球。
(来自w3.org的示例)我理解您的问题:您希望在生成真实图像之前显示中间图像吗
可以显示正在加载的图像,并在创建DOM节点时使用AJAX将其更改为真实图像。您可以从头开始编写,也可以使用任何知名且稳定的AJAX库,如果您没有自己的偏好,请查看。进一步到@kentlarsson-如果您想通过Javascript实现,我最近发现了以下代码: 在演示中,他建议使用“notFound”选项
我对lighttpd了解不够,无法告诉您如何在站点中设置一个或多个子目录的自定义映像。我认为您可以单独在客户端解决此问题 根据Jaspers的回答,您可以:
<OBJECT data="/images/generated_image_xyz.png" type="image/png">
Loading..<blink>.</blink>
</OBJECT>
<style type="text/css">
.content_image { width:100px; height: 100px;
background: transparent url('/images/default_image.png') no-repeat }
.content_image div { width:100px; height: 100px; }
</style>
<div class="content_image">
<div style="background:
transparent url('/images/generated_image_xyz.png') no-repeat" />
</div>
加载。。。
还可以使用CSS对背景进行分层:
<OBJECT data="/images/generated_image_xyz.png" type="image/png">
Loading..<blink>.</blink>
</OBJECT>
<style type="text/css">
.content_image { width:100px; height: 100px;
background: transparent url('/images/default_image.png') no-repeat }
.content_image div { width:100px; height: 100px; }
</style>
<div class="content_image">
<div style="background:
transparent url('/images/generated_image_xyz.png') no-repeat" />
</div>
.content_图像{宽度:100px;高度:100px;
背景:透明url('/images/default_image.png')不重复}
.content_图像分割{宽度:100px;高度:100px;}
后一种解决方案假设生成的图像没有任何透明度。客户端的另一种选择是:
<img src="/images/generated_image_xyz.png"
onerror="this.src='/images/default_image.png'; this.title='Loading...';" />