joomla agrega javascript que cambia las imágenes

quiero escribir un script que cambie la imagen según la opción seleccionada 

<img id="image-manekin" src="path_img" />

<select id="form" class="required" name="form">
<option value="red">red</option>
<option value="green">green</option>
</select>

y cuando el usuario hace clic en, por ejemplo, la imagen roja se vuelve a cargar si es necesario y cambió. Busqué en varios lugares pero no pude encontrar la respuesta, por favor ayuda.

preguntado el 10 de septiembre de 12 a las 22:09

¿Estaría dispuesto a aceptar una solución jquery? -

¿Puede proporcionar más detalles como adónde va esto? ¿Es parte de un componente que está desarrollando o es algo que desea agregar a un artículo? ¿Cuál es el resultado que desea, por ejemplo, es solo la visualización o desea almacenar los resultados como un envío de formulario? -

1 Respuestas

Esto no es específico de Joomla, porque es cualquier javascript + HTML. Implementé esto con dos botones de clic: puede elegir una forma diferente de hacerlo, pero debería darle una idea para comenzar.

Básicamente, hay dos botones, rojo y azul, y si haces clic en ellos, cambiarán la imagen en el cuerpo de la página HTML. ¿Muy simple?

<script type="text/javascript">
  function swapImage(intImage) {
    switch (intImage) {
      case 1:
          img1.src = "http://www.addglitter.com/gr/backgrounds/red/red-0007.jpg"
          return(false);
      case 2:
          img1.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Color_icon_blue.svg/220px-Color_icon_blue.svg.png"
          return(false);
    }
  }
</script>

<img id="img1" name="img1" src="http://www.microsoft.com/library/toolbar/images/mslogo.gif">

<button type="button" onclick="swapImage(1)">Red Image</button>
<button type="button" onclick="swapImage(2)">Blue Image</button>

Respondido el 10 de Septiembre de 12 a las 23:09

LANGUAGE=JavaScript? vamos... en serio? ¿Acabas de copiar esto de un foro antiguo? - Lodder

Copié la plantilla para esta función de javascript de un ejemplo existente y la cambié para adaptarla a las necesidades del interrogador. No cambia lo que sucede dentro de la función de ninguna manera, pero eliminaré el idioma = bit. - ays0110

edité su respuesta y eliminé todas las etiquetas relacionadas con la plantilla que no son necesarias para Joomla. - Lodder

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.