Ver Mensaje Individual
  #6 (permalink)  
Antiguo 31/12/2009, 12:19
GardBeat
 
Fecha de Ingreso: diciembre-2003
Ubicación: Universidad de la Vida
Mensajes: 136
Antigüedad: 20 años, 5 meses
Puntos: 1
Respuesta: (Novato) Paso a Notación Semántica

Os dejo la ultima modificación del código:

Código Javascript:
Ver original
  1. 1.
  2.       <html>
  3.    2.
  4.       <head>
  5.    3.
  6.       <title>Intercambiador de Imagenes</title>
  7.    4.
  8.       </head>
  9.    5.
  10.       <body>
  11.    6.
  12.       <img src="img/img0.JPG" width="128" height="96" border="0" name="Imagen">
  13.    7.
  14.       <script>
  15.    8.
  16.       var _img = new Array();
  17.    9.
  18.           _img[0] = new Image(); _img[0].src="img/img0.jpg";
  19.   10.
  20.           _img[1] = new Image(); _img[1].src="img/img1.jpg";
  21.   11.
  22.           _img[2] = new Image(); _img[2].src="img/img2.jpg";
  23.   12.
  24.           _img[3] = new Image(); _img[3].src="img/img3.jpg";
  25.   13.
  26.       function cambiarA(_obj)
  27.   14.
  28.       {
  29.   15.
  30.         if(!_obj)return;
  31.   16.
  32.         var _index = _obj.selectedIndex;
  33.   17.
  34.         if(!_index)return;
  35.   18.
  36.         var _item  = _obj[_index].value;
  37.   19.
  38.         if(!_item)return;
  39.   20.
  40.         if(_item<0 || _item >=_img.length)return;
  41.   21.
  42.         document.images["Imagen"].src=_img[_item].src;
  43.   22.
  44.       }
  45.   23.
  46.       </script>
  47.   24.
  48.        
  49.   25.
  50.        <form method="get">
  51.   26.
  52.           <select onchange="cambiarA(this)">
  53.   27.
  54.             <option value="">Seleccionar Imagen</option>
  55.   28.
  56.             <option value="0">Imagen 1</option>
  57.   29.
  58.             <option value="1">Imagen 2</option>
  59.   30.
  60.             <option value="2">Imagen 3</option>
  61.   31.
  62.             <option value="3">Imagen 4</option>
  63.   32.
  64.           </select>
  65.   33.
  66.       </form>
  67.   34.
  68.        
  69.   35.
  70.       </body>
  71.   36.
  72.       </html>
__________________
GardBeat