이미지를 동적으로 (PHP로) 전환하고 CSS 미디어 쿼리로 전환합니까?

Question

나는 태그를 대체하는 이미지가

<h1 id=myImage>Text</h1> 

CSS를 보이는 뭔가 같은 :

h1#myImage { 
    text-indent: -9999px; 
    background: url('myImage.jpg') no-repeat; 
    width: 400px; 
    height: 80px; 
    } 

    @media-only screen and (max-width: 767px) { 
    h1#myImage { 
    text-indent: -9999px; 
    background: url('myImage-mobile.jpg') no-repeat; 
    width: 400px; 
    height: 80px; 
    } 
} 

이것은 내가 브라우저 크기를 조정할 때 나는 그것을 원하는 방식으로 (즉, I는 모바일을 볼 작동 버전의 이미지) ... 그러나 이제 h1 # myImage가 사용자의 환경 설정에 따라 동적으로 변경되어야합니다. "myImage.jpg"와 "myImage-mobile.jpg"가 "myNewImage.jpg"로 바뀌고 "myNewImage-mobile.jpg"

나는 LESS.js도 사용하고 있습니다. if if 내 CSS 변수와 PHP 변수를 결합하는 방법이 있습니다 ..

Answer 1

당신은 적은 파일을 PHP 파일로 변환 할 수 있어야합니다. 그리고 변수를 원하는대로 바꾸고 링크 태그의 href로 사용할 수 있어야합니다.

style.php

h1#myImage { 
text-indent: -9999px; 
background: url('<?php echo $image_name; ?>') no-repeat; 
width: 400px; 
height: 80px; 
} 

이 덜 같은 일이되기 전에 동적 CSS에 대한 PHP에서하는 것입니다

<link rel="stylesheet/less" type="text/css" href="styles.less">

<link rel="stylesheet/less" type="text/css" href="styles.php">

까지 약.