Buenas,llevo aquí toda la tarde peleando y nada,a ver es muy sencillo, necesito hacer una miniweb, con varios radiobuton,q al darle cargue una imagen,todas las imágenes tienen la misma resolución,y están en la misma posición absoluta, debajo, tiene que haber un fondo fijo con las condiciones anteriores,de tal manera q las imágenes controladas por el radio buton,se superpongan al fondo.
De mometo he llegado a:
<html>
<head>
<title> </title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?t=199296
var ImgArray = [
"imagen1.jpg",
"imagen2.jpg",
];
function ChangeImg(imgPtr) {
document.getElementById('CommonImg').src = ImgArray[imgPtr];
// document.getElementById('CommonImg').alt = ImgArray[imgPtr]; // optional comment
}
</script>
</head>
<body>
<h1>Radio Button </h1>
elige una imagen<br>
<input type="radio" name="imgControl" value="0" onclick="ChangeImg(this.value)"> 1
<input type="radio" name="imgControl" value="1" onclick="ChangeImg(this.value)"> 2
<p>
<img id="CommonImg" src="" alt="" height="800" width="600">
</body>
</html>Lo suyo seria que la salida del array, cargarla en un div supongo, para ajustar ese div a la posición del fondo fijo.. pero no encuentro muy bien como hacerlo .
