360 Photos - Fullscreen Background Portfolio

Well you could set either a background color or another image as background attached to the body tag. In your CSS , something like :

body {
    background:...;
}

I’m not sure if that would work and also the image appearing behind would not be resized and would not fit into any screen resolution. What about a solid black color ? It’s just my opinion but it would look better

Anyway, feel free to contact me if you need further help !

Yeah, thats true so what would i do to put a black color background?? Thanx!

Did you try adding background-color:#000000; to the body tag in the CSS ?

Hello, I had a quick look but I’m not able to find the problem, could you please send me an email via my profile page ? Once I’ll get back to you, you could then send me a zip of your work in progress.

The background images script is not made for swf files, if you really need this feature, you’d have to change the whole plugin (scripts, css and probably HTML markup).

Thanks !

Alright, it sounds good ! Please contact me by email to discuss further details

Woops, you’re right, it was in the spam folder… Please allow me some time, I’m having a busy day so I’ll try to get back to you this afternoon, otherwise only tomorrow. Thanks !

Hello, in fact the script is made to hold up to 20 entries but since the version 2.1. You’re using the version 2.0 and the current version is 3.1. You can of course redownload it and update

Given that you have made changes to the jscript files & CSS files/folders, is there any easy way to update my existing site without undoing any of my work. Do I also need to cut & paste my index page header code? I am not exactly sure what you have changed. Thanks.

Hello, it’s already a long time ago so the best would be first to make a copy of your current work, then replace the JS /CSS files. The HTML markup hasn’t been much modified but you should compare. Another way, maybe easier (if you didn’t touch the CSS ), would be to take the new version and simply add your HTML content.

Hello, that’s a trick change to make to get this effect. Here’s how I see it : you’ll need a DIV that would cover the whole screen above the pictures but behind the content. This DIV could then have a transparent background pattern with dots or lines.

For example, in the HTML , just after the opening body tag (and before the header_wrapper container), add the code :

<div class="pageoverlay" />

And style it in the CSS , just add anywhere :

.pageoverlay {
    overflow: hidden; 
    z-index: 0; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
    background: #CCCCCC;
}

I put a background color just to show the effect but you should create a PNG with a pattern and replace this #CCCCCC color by this image

EDIT : sorry but posting code doesn’t work well here, I hope that it’ll be fine.

Hello, what do you mean by dimming ? I’ve never worked with swf or flash so I can’t say why it’s not working, did you try on other pages too ? Feel free to send me an email via my profile page for support, it could be easier to discuss by email