Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/10/2009, 19:03
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 14 años, 11 meses
Puntos: 45
Respuesta: xml con imagen

Hola hola123

Como tu código tiene varios errores, para hacer un primera prueba es mejor que copies y pegues en un html limpio (sin nada) el código completo que te pongo a continuación.

El código va comentado para ayudarte a ajustarlo a tus necesidades. Cambia el nombre y ruta de la foto por la tuya.

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" language="JavaScript" src="JSClass/FusionCharts.js"></script>
<title>Posicionar foto sobre flash</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
#conjunto {
	width: 600px; 
	height: 300px;
	position: relative;
	overflow: hidden;
	background-color: #ccc; /* el fondo es sólo para testar */
}
#chartdiv {
	position: relative; 
	width: 600px; 
	height: 300px; 
	top: 0; 
	left: 0; 
	border: 1px solid #444; /* el borde es sólo para testar */
	background-color: #000; /* el fondo es sólo para testar */
}
#fotog {
	width: 200px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	margin-left: -100px;
	margin-top: -100px;
	left: 50%; /* vas aumentando o disminuyendo estos valores hasta que la foto te quede en el sitio que quieras */
	top: 50%; /* idem comentario anterior */
}
</style>
</head>
<body>
<div id="conjunto"> <!-- el conjunto acoge el flash y la foto -->
	<div id="chartdiv"> <!-- div para el flash -->
		<script type="text/javascript">
			var chart = new FusionCharts('Charts/StackedColumn3DLineDY.swf', 'ChartId', '600', '300', '0', '0', 'wmode', 'transparent');
			chart.setDataURL("Gallery/Data/costo.xml")
			chart.render("chartdiv");
		</script>
	</div> <!-- final del div para el flash -->
	<div id="fotog"> <!-- div para la foto -->
		<img alt="" src="imagen.jpg" width="200" height="200">
	</div> <!-- fin del div para la foto -->
</div> <!-- fin del conjunto -->
<!-- dependiendo de la naturaleza de tu flash puede ser necesario que dónde pone 'wmode','transparent' sea necesario poner 'wmode','opaque', es cuestión de probar -->
</body>
</html> 
Esperando comentario...

Bye