2009-12-22 6 views
0

내 Sharepoint masterpage에서 <img>을 페이지의 <body> 상단에 추가하여 일부 CSS를 사용하여 <img>을 설정하여 화면을 채울 수 있습니다.Sharepoint 테마 특정 이미지

그러나 사용중인 테마에 따라 다른 이미지를 표시하고 싶습니다.

<img alt="" id="fullscreen" src="/_layouts/images/Background.png" /> 

은 그래서 간단한이 테마에 맞게 파일 이름을 조정할 수 있습니다 사용중인 테마의 이름을 캡처하고 파일 이름에 그것을 추가 할 수 있나요 : 저는 현재하여 masterpage 내부에 다음과 같은 사용합니까?

URL 테마를 특정하게 만들 수있는 src = ""에 뭔가를 추가 할 수 있습니까?

답변

0

기본값으로 이미지를 숨김으로 설정하고 표시 할 테마의 CSS에서 표시 하시겠습니까? 예를 들어

:

마스터 페이지에서

:

#themeXfullscreen { 
    display: block; 
    height: 100%; 
    width: 100%; 
} 

이 방법, 당신은 마스터 페이지에서 이미지와 위치가 : 테마 X에 대한 CSS에서

<img src="theme1.jpg" alt="" id="theme1fullscreen" style="display: hidden;" /> 
<img src="theme2.jpg" alt="" id="theme2fullscreen" style="display: hidden;" /> 
<img src="theme3.jpg" alt="" id="theme3fullscreen" style="display: hidden;" /> 

테마를 기반으로 적절한 것을 숨기고 표시 할 수 있습니다.

+0

이미지의 위치를 ​​CSS 내에서 유지할 수 없으므로 이미지가 페이지 내에 있어야합니다. 이것은 CSS를 사용하여 브라우저의 크기에 따라 이미지를 100 % 너비 및 100 % 높이로 설정할 수 있도록하기위한 것입니다. – CLiown

+0

CSS에서 이미지의 위치를 ​​유지할 수없고 이미지의 높이와 너비를 100 %로 설정할 수없는 이유는 무엇입니까? 나는 이것을 막는 기술적 한계가 있다고 생각하지 않는다. 어쨌든 나는 내가 제안한 것에 대한 명확한 설명을 제공하기 위해 나의 대답을 편집 할 것이다. –

0

아이디어는 테마 CSS에서 이미지를 참조하는 것입니다. 따라서 테마간에 이미지가 변경되면 해당 이미지의 URL이 각 테마 CSS 파일에 저장됩니다. 마스터 페이지에는 항상 동일한 CSS 클래스가있는 요소가 포함될 수 있습니다.

관련 문제