Click here to Skip to main content
15,798,825 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Im using this[^]

I have managed to insert my own background image behind the carousel, but i cannot do it also on the page that its embedded on with this:
<body "background-image: url(qpq.jpg);">

nor with this:
<script type="text/javascript">

<!-- BG Image load -->
// fire when the DOM is loaded
domready: function(){
// path to the image
var pathToBackgroundImage = 'x11.jpg';
// set the background-image
$(document.body).setStyle('background-image','url(' + pathToBackgroundImage + ')');




This is my source code for page in question:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en" lang="en"><head><title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">

var flashvars = {};

var params = {};

params.scale = "noscale";

params.salign = "tl";

params.wmode = "transparent";

var attributes = {};

swfobject.embedSWF("3DCarouselMenuFX.swf", "CarouselDiv", "600", "400", "9.0.0", false, flashvars, params, attributes);



<body "background-image: url(images/02.jpg);">

<div style="border: 1px solid black; background-image: url(images/02.png); height: 400px; width: 600px;">

<div id="CarouselDiv"></div>


<div id="CarouselDiv"> <a href=""> <img src="" alt="Get Adobe Flash player" /> </a> </div>

<span style="z-index: 2; left: 602px; top: 0px; position: absolute;"><iframe name="I1" src="../innext.html" frameborder="0" height="415" scrolling="no" width="760">Your

browser does not

support inline frames or is currently configured

not to display inline frames.</iframe></span>


i strongly suspect that i have just placed the second method in the wrong place. i went to flashxml for help but they said as its not the bg image inside carousel there not assisting with i'm here. please help.
Updated 23-Feb-12 9:15am

its OK everyone i found the solution

body {
  background: url("") 50% 50% no-repeat;

in between the tags works like a treat!
Share this answer
as above as above as above as above as above as above as above as above as above
Share this answer

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900