ansaurus

Question

Answer 1

A:

What about defaulting the images to hidden, and in the CSS for the theme you want it shown in, show it?

For example:

In your master page:

<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;" />

In the css for Theme X:

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

This way, you have the images and locations in the master page, and can hide and show the appropriate one based on the theme.

Kyle Trauberman 2009-12-22 23:48:59

The location of the image cannot be held within the CSS, the image must be held within the page. This is so that I can use CSS to set the image to be 100% width and 100% height depending on the size of the browser.

danit 2009-12-23 14:10:14

Why can't you hold the location of the image in the CSS and set the height and width of the image to 100%. I don't think there is any technical limitation that prevents this. In any case, I will edit my answer to provide clarification regarding what I was suggesting.

Kyle Trauberman 2009-12-23 16:42:32

Answer 2

A:

I think the idea is to reference the images from your theme CSS. So if an image changes between themes, the url to that image is stored in each of the theme CSS files. You master page can then simply contain an element with always the same CSS class.

ArjanP 2009-12-23 05:08:37

ansaurus

tags:

views:

answers:

Sharepoint Theme specific image

related questions