重定向圖像請求

Question

我在我們的網站中使用了背景圖像CSS。

.banner-image{ 
    height: 76%; 
    background-image: url("http://cdn.images.com/contents/images/home/bannerimage.PNG"); 
} 

如果我運行www.test.com，此頁面背景有bannerimage.i我正在請求來自cdn域的橫幅圖像。那裏我上傳了這些圖片。

在這裏我需要處理的情況下，該瀏覽器發送圖像請求到cdn.images.com服務器並獲得響應。如果圖像不存在於cdn中，我需要通過發送請求到我們的本地服務器「www.test.com」來處理它，其中我已經放置了所有需要的圖像的副本。

我該怎麼做？我們可以爲此使用圖像處理程序嗎？如果是的話如何？

任何人都可以請給我這個解決方案嗎？

Answer 1

HTML：

<div class="header"> 
    <a href="/"> 
     <span class="header-title">My gray sea design</span><br /> 
     <span class="header-title-two">A beautiful design</span> 
    </a> 
</div> 

CSS：

.header { 
    border-bottom:1px solid #eaeaea; 
} 

.header a { 
    display: block; 
    background-image: url("http://www.xyz.com/images/embouchure.jpg"); 
    background-repeat: no-repeat; 
    height:160px; 
    padding-left:280px; 
    padding-top:50px; 
    width:470px; 
    color: #eaeaea; 
}