Topic: Can't change the background color...

Every time i change the background color in svBuilder it shows up on the screen but stays gray in preview mode. Same when I embed it in dreamweaver, all other changes show up put background color is always grey...

Re: Can't change the background color...

Please post a URL to the gallery you are having trouble with.

Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

Haven't changed it yet on my website as I didn't want the grey background. Any other tips? Otherwise I'll just have to change it and go from there.

Re: Can't change the background color...

Copying and pasting the code from svBuilder works for me.
Without seeing your code, it'll be guesswork and I'm going to be unable to pinpoint the problem.
If you don't want to upload a test album exhibiting the problem, then you could perhaps zip the troublesome album and email it to me.

Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

Here's the code of the whole page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>underwater gallery</title>
<style type="text/css">
<!--
-->
</style>
<link href="UWgallery/stevedeneefphotography.css" rel="stylesheet" type="text/css" />
<link href="stevedeneefphotography.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
var params = {};
params.bgcolor = "#000000";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>
</head>

<body>
<p>
  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="800">
    <param name="movie" value="UWgallery/simpleviewer.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <param name="flashVars" value="baseURL=UWgallery/" />
    <param name="fullScreen" value="true" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="UWgallery/simpleviewer.swf" width="1024" height="800">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="flashVars" value="baseURL=UWgallery/" />
      <param name="fullScreen" value="true" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</p>
<p><a href="UWgallery/index.html">home </a></p>
<div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a></div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Re: Can't change the background color...

Your page has two methods of embedding (swfobject and object tag) and there should be only one.
I'd recommend the swfobject method as described here: http://simpleviewer.net/simpleviewer/su … dding.html

You have 2 references to the swfobject.js file hosted at ajax.googleapis.com and 1 reference to a modified version in your 'Scripts' folder.  There should be only 1.

If using svBuilder, if you change the 'Embed Color' and click 'Get Embed Code', you'll be provided with code to copy and paste into the 'index.html' file in your gallery folder.
Using the 'web' folder from the SimpleViewer download package as an example, the complete code for a standard gallery with a green background (using code copied and pasted from svBuilder) would look something like this:

<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>SimpleViewer Gallery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <!-- SIMPLEVIEWER HEAD. Paste this into the head of the HTML page-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
        <script type="text/javascript">
        var flashvars = {};
        flashvars.galleryURL = "gallery.xml";
        var params = {};
        params.bgcolor = "00FF00";
        params.allowfullscreen = true;
        params.allowscriptaccess = "always";
        swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>        
        <style type="text/css" media="screen">    
            html, body    { height:100%; }
            body {            
                margin:0;
                padding:0;
                overflow:hidden;
                background-color: #222;
                color:#666;
                font-family:sans-serif;
                font-size:20px;        
            }
            a {    
                color:#ff0000;    
            }
        </style>
        
    </head><body>
    <!-- SIMPLEVIEWER BODY. Paste this into the body of the HTML page where you want to the gallery to appear -->
    <div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a></div>
</body>
</html>
Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

This is the code the preview gives me:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>SimpleViewer Gallery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
        <script type="text/javascript">
            var flashvars = {};
            flashvars.galleryURL = "gallery.xml";
            //flashvars.firstImageIndex = "0";
            //flashvars.preloaderColor = "#FFFFFF";
            var params = {};
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            params.bgcolor = "000";
            swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>

        <style type="text/css" media="screen">
            html, body    { height:100%; }
            body {
                margin:0;
                padding:0;
                overflow:hidden;
                background-color: #000;
                color:#666;
                font-family:sans-serif;
                font-size:20px;
            }
            a {
                color:#ff0000;
            }
        </style>
    </head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a>.</div></body>
</html>

Re: Can't change the background color...

You were posting as I was typing!
The params.bgcolor entry in your most recent post should be a 6-digit hex value (not a 3-digit one).

Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

Still not really getting it. The last code was copied from the preview and I don't know how to edit the code in svBuilder. When I take the code from Embed and paste it this is what I got but no gallery is visible:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>underwater gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
var params = {};
params.bgcolor = "000000";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>
<style type="text/css">
<!--
-->
</style>
<link href="UWgallery/stevedeneefphotography.css" rel="stylesheet" type="text/css" />
<link href="stevedeneefphotography.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p>&nbsp;</p>
<p><a href="UWgallery/index.html">home </a></p>
<div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a></div>
</body>
</html>

Re: Can't change the background color...

Are you clearing your browser's cache after making the change? If you are still having issues you could try instead setting your background to transparent with params.wmode= "transparent";

Mike Richards
SimpleViewer Support Team.

Re: Can't change the background color...

Try using the code from the 'Get Embed Code' button in svBuilder, the background color will be inserted in here.

To set the background color manually, check here: http://www.simpleviewer.net/simpleviewe … l#custom_3

Felix Turner
SimpleViewer Support Team.

Re: Can't change the background color...

I have used the code from get embed code but when I insert it no gallery shows up at all. Have emptied the cache in the browser and still the same.

Re: Can't change the background color...

Without seeing your complete gallery, it's still guesswork I'm afraid.
With no access to your CSS files, this could be the problem:
http://simpleviewer.net/simpleviewer/su … ml#embed_7

Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

Thanks for all the help so far. I just uploaded the page to my website. Had to put it in dreamweaver by adding the swf object, didn't show up with just the embed code. Here's a link to the page, still grey.
http://www.stevedeneef.com/underwater.html

Re: Can't change the background color...

If you are using the object method to embed the gallery (as your page currently does) then replace your entire <object> block with the sample code here:
http://simpleviewer.net/simpleviewer/su … html#basic
ensuring the paths to the simpleviewer.swf and gallery.xml files are correct and that the background color is as you want it.
You can also remove the references to swfobject as they are not required when using the object method.
Here's a copy of your underwater.html file with the changes I've suggested in this post.
http://www.box.net/shared/e7axrza5zf
Replace your existing underwater.html file on your server and the gallery should display OK.
As an aside, if embedding using Dreamweaver, this link might help:
http://simpleviewer.net/simpleviewer/su … reamweaver

Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

I have the same problem.
When I set the embed color to white I can see this in the svBuilder.
But I have a look at the index.html page, it stays grey... whatever I try...
That's also what stevedeneef has I think..

Re: Can't change the background color...

@servaas
If using svBuilder, change the 'Embed Color', click 'Get Embed Code' and you'll be provided with code to copy and paste into the 'index.html' file in your gallery folder.
Otherwise, you can set the background color via CSS and use params.wmode="transparent";
Post a URL to your gallery and I'll take a look.

Steven Speirs
SimpleViewer Support Team.

Re: Can't change the background color...

ok, after playing around I decided to create a brand new html page to embed the gallery.
I used the BASIC CODE
That's how I knew for sure that the background was white.
And it was ok.

But... then my text didn't appear anymore... mad
So I tried with the JAVA SCRIPT CODE...
and now it looks ok http://www.bioremengineering.com/index. … Itemid=168

Here you soon big_smile

=servaas=

Re: Can't change the background color...

Thanks guys,
The code didn't seem to work for me. I had already used the embedding for dreamweaver link and it worked but the background color never did. What I did now is add another parameter for bgcolor and put the color value in there and it works! Here's a link to the page in question if you're interested: http://www.stevedeneef.com/underwater.html
Cheers