通過外部CSS文件隨機背景圖像

我必須使用外部CSS文件隨機更改類的背景圖像。圖像必須從定義路徑中隨機選取。通過外部CSS文件隨機背景圖像

我知道如何處理這個在PHP中，我必須在外部的CSS文件中實現它。

尋找任何css技巧。

這裏是css類的屬性。

.birthday 
{ 
    background:url(../images/Bday.jpg) no-repeat center; 
    font: bold 25px "trebuchet ms", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    color: #930204; 
    padding: 25px 0px 0px 200px; 
    height: 195px; 
}

路徑按文件結構給出。

來源

2014-02-13 Shri

使用'@ keyframe' –

可能你應該採取看** [LESS]（http://lesscss.org/）** – Dwza

對不起，先生，我沒有得到你。 Plz解釋 – Shri

這是不可能的，使用pure CSS。

此外，您可以使用JavaScript隨機設置您的網站的背景圖像。

見本教程..

Randomize background image

Impossibly simple image randomize with jQuery

或

嘗試此方法

起初創建圖像的陣列

var images = ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg', 'img5.jpg'];

現在，設置一個隨機圖像作爲背景圖像：

$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *  images.length)] + ')'});

我希望這個代碼將會幫助你，謝謝..

來源

2014-02-13 13:16:01 KesaVan

@Shri：我希望這會對你的代碼有所幫助.. – KesaVan

感謝你分享@KesaVan。 – Shri

@Shri：這段代碼對你有幫助嗎？ :) – KesaVan

通過外部CSS文件隨機背景圖像

回答

相關問題