1

tengo un problema y es que no consigo mostrar una imagen atrás de otra al hacer zoom asi como esto:

introducir la descripción de la imagen aquí

Pero al dar clic hay una imagen de tamaño mediano que al pasar hace que se haga zoom sobre ella: introducir la descripción de la imagen aquí

Acá hay parte de mi código

<div style="float: left" class="img-zoom-container">
        <img id="myimage" src='<%=vImagenPortada1 %>' alt='No tiene índice' style='height: 240px; width: 240px; float:left'/>            
            <div id="myresult" class="img-zoom-result" style="margin:-300px 0 0 30px; position:relative"></div>
    </div>

y del css : * { box-sizing: border-box; }

    .img-zoom-container {
        position: relative;
    }

    .img-zoom-lens {
        position: absolute;
        border: 1px solid #d4d4d4;
        width: 150px;
        height: 30px;
    }

    .img-zoom-result {
        border: 1px solid #d4d4d4;
        width: 950px;
        height: 600px;
    }

Pero al hacer eso, la imagen que hace el zoom cubre la otra imagen.

0

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.