2017-05-06 140 views
-2

是否可以根據頁面上正在使用的樣式表切換圖像?根據樣式表更改圖像

例如,我有一個正常和nightview樣式表,用戶可以切換。雖然我猜的解決方案可能是使用CSS,這裏是在PHP中我試圖僞代碼:

 $css = "/.css" 
     if (css=normal.css){  
      echo "<img src='1.1.1.jpg'>"; 
     } 
     if (css=nightview.css){ 
      echo "<img src='1.1.1i.jpg'>"; 
     } 

就如何實現這一目標的任何提示?

回答

0

將用戶選定的主題(正常,夜景)存儲在SESSION或Cookie中,然後在鏈接標題上將其回顯出來。

<link href="<?php echo $myCss;?>" rel="stylesheet" /> 

現在在CSS中,您可以使用id或class來定位圖像,並相應地更改該圖像或任何元素。

#MyImage { 

background-image: url("black.png"); 

} 
+0

這對單個背景圖像很有用。但其他圖像呢? –

+0

如果圖像是在一個theme.css中,那麼你的目標是每個類的名字例如'.image1 {background-image:url(「black-0.png」); }'或'.image2 {background-image:url(「black-1.png」); }' – KaoriYui