You are loading the swf directly into an iframe.  You need to embed the swf into an HTML page (onto which you can add parameters such as the background color) and load this into the iframe instead.

It looks like you are half way there in that you have created the HTML page (http://www.jasdipsagu.com/images/storie … index.html) so load this URL into the iframe instead of the swf file itself.

The URL for the simple viewer is for example within the Article section of Asia =  /images/stories/asia/simpleviewer.swf

I want the simple viewer to be within the box where my menu is on top and the grey box on bottom.

Thanks
Jas

You currently have the code:

<iframe     id="blockrandom"
    name="iframe"
    src="http://www.jasdipsagu.com/images/stories/blackwhite/simpleviewer.swf"
    width="100%"
    height="500"
    scrolling="auto"
    align="top"
    frameborder="0"
    class="wrapper">
    This option will not work correctly. Unfortunately, your browser does not support inline frames.</iframe>

... and it needs to be:

<iframe     id="blockrandom"
    name="iframe"
    src="http://www.jasdipsagu.com/images/stories/blackwhite/index.html"
    width="100%"
    height="500"
    scrolling="auto"
    align="top"
    frameborder="0"
    class="wrapper">
    This option will not work correctly. Unfortunately, your browser does not support inline frames.</iframe>

Edit the relevant page in a plain text editor. (Your index.html page already has the swf file embedded correctly and when the change has been made, the background color (as specified in the embed code) will be displayed as expected.)

I managed to change it to index.html under the black & white section. But is there anything else I am suppose to amend i.e. under index.html or other places?

Just checking your 'Black & White' gallery, I can now see that the background color is as you wanted it (to match the rest of the page) and the fullscreen option also works.  Just apply the same changes to your other galleries.