none
Pregunta JavaScript RRS feed

  • Pregunta

  • Buenas tardes, ya se que no es este el lugar de javaScript, pero estoy haciendo una web con asp.net y estoy metiendo unas cosillas en JavaScript, por si alguien sabe y me puede echar una mano.

    lo que hago es abrir una imagén en una ventana modal que abro con javascript. En el HTML tengo esto:

    <div class="fotoQuien"><a href="javascript:mostrarVentana()"><img id="fachada" src="images/fachada.jpg" width="100%"/></a></div>

    //------ esta es la capa de la ventana modal-------// <div id="miVentana" class="miVentana"> <img src="" id="laImagen" width="80%" height="80%" style="; left:50%; top:10%; margin-left:-40%; background-color:white; border-radius:10px; padding:10px 10px 50px 10px;"/> </div>

    y el código javascript es este...

     function mostrarVentana()
                {
                    var ventana = document.getElementById('miVentana');
                    var imagen = document.getElementById('laImagen');
                    ventana.style.display = 'block';
                    imagen.src = "../images/fachada.jpg";
                }

    Asi como esta me funciona, lo que hace es cuando hago click sobre la imagen me la hace grande en una ventana moda. Lo que quiero es poner dos o tres imagenes más y usar esta misma función es decir que el "img.src" se cambie dependiendo el click que haga. No se como puedo recoger ese valor. Mi pregunta es si alguien sabe como.

    Saludos y disculpar que lo ponga aqui, pero solo escribo en este foro o en el de #c y se me ocurrio preguntarlo.

    Gracias

    jueves, 4 de febrero de 2016 12:38

Respuestas

  • podrias enviar la imagen por parametro a la funcion

    function mostrarVentana(srcImg)
    {
                    var ventana = document.getElementById('miVentana');
                    var imagen = document.getElementById('laImagen');
                    ventana.style.display = 'block';
                    imagen.src = srcImg; 
    }

    entonces lo invocas

    <a href="javascript:mostrarVentana('../images/fachada.jpg');"><img id="fachada" src="images/fachada.jpg" width="100%"/></a>

    <a href="javascript:mostrarVentana('../images/imagen2.jpg')"><img id="fachada" src="images/imagen2.jpg" width="100%"/></a>

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta alvpjs jueves, 4 de febrero de 2016 13:59
    jueves, 4 de febrero de 2016 13:30

Todas las respuestas

  • podrias enviar la imagen por parametro a la funcion

    function mostrarVentana(srcImg)
    {
                    var ventana = document.getElementById('miVentana');
                    var imagen = document.getElementById('laImagen');
                    ventana.style.display = 'block';
                    imagen.src = srcImg; 
    }

    entonces lo invocas

    <a href="javascript:mostrarVentana('../images/fachada.jpg');"><img id="fachada" src="images/fachada.jpg" width="100%"/></a>

    <a href="javascript:mostrarVentana('../images/imagen2.jpg')"><img id="fachada" src="images/imagen2.jpg" width="100%"/></a>

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta alvpjs jueves, 4 de febrero de 2016 13:59
    jueves, 4 de febrero de 2016 13:30
  • Gracias leandro
    jueves, 4 de febrero de 2016 13:59