Indexhibit^TM
Index + Exhibit

I have created a Theme which makes the backgorund image expand and collapse according to the size of the browser widow.

Download Expanding Background Theme

To install

1. Unzip file
2. Upload the folder to the site folder of the indexhibit site root
3. Change theme to expandingBackground in setting menu on indexhibit.

Please Note: You may have to do some tweaks to the display of the menu once you have uploaded your background image.

1. Edit the #menu .container style in the style.css file

N.B. Let me know what you think of it.

A sample of this?

There is some other similar code around here that does this, as well...but it uses js.

N.N.B This theme does not use any javascript but it will not work for IE 6 & 7.

http://www.steeloctopus.co.uk

Wouldn't it be better to simply make this a plugin? More useful that way...

OK I will tweak the existing background plugin and publish it there so users can have both the theme and the plugin.

Watch this space....

I wasn't aware that you could scale an image like this in a web browser. Interesting...

1. img.bg {
2. ¬†¬†¬†¬†/* Set rules to fill background */
3. ¬†¬†¬†¬†min-height: 100%;
4. ¬†¬†¬†¬†min-width: 1024px;
5. ¬†¬†¬†¬†/* Set up proportionate scaling */
6. ¬†¬†¬†¬†width: 100%;
7. ¬†¬†¬†¬†height: auto;
8. ¬†¬†¬†¬†/* Set up positioning */
9. ¬†¬†¬†¬†position: fixed;
10. ¬†¬†¬†¬†top: 0;
11. ¬†¬†¬†¬†left: 0;
12. ¬†¬†¬†¬†z-index: -100;
13. }
14. @media screen and (max-width: 1024px){
15. ¬†¬†¬†¬†img.bg {
16. ¬†¬†¬†¬†¬†¬†¬†¬†left: 50%;
17. ¬†¬†¬†¬†¬†¬†¬†¬†margin-left: -512px; }
18. }

I can't credit for that I'm afraid, much as I would like to, I came across it on the net. I just thought it would be useful for indexhibit users.

The kind of content indexhibit users upload it made sense to incorporate it into a theme.

Yeah, if it's working in all the good browers that's great. I'm surprised it doesn't work in IE7 though...don't need to comment on IE6...haha...

;)

I have installed this theme. The thing is, that I would also like to make the background load randomly. Yet trying to follow the random background plugin.. the instructions mention to change backgrounder.. yet this doesnt exist within this new theme. How can I modify this so that I can randomly load a background image from a specific folder?

hi steeloctopus,
why the image in the background it was stretched and not scaling??
this is a Webpage
and you try to scale the browser, at certain point the appear the same image under,
like a second background... i dont'know how to adjust..
peace!

any way to implement the random background plugin unto this?