¿Cómo podemos ayudarte?

Amplía las imágenes de las respuestas con un clic

< 1 min read

AI Doc Summarizer AI Summary

Este javascript puede utilizarse para ampliar las imágenes incluidas en el cuerpo de una respuesta haciendo clic en la propia imagen.

El script deberá insertarse como script global. Es compatible con CATI, CAWI y CAPI.

Instrucciones #

En la sección de configuración de la encuesta, seleccionar «Avanzadas» en la parte superior izquierda. Hacer clic en «Editar script» y copiar el script en el editor. Seleccionar «Ok» para cerrar el editor y guardar los cambios.

IdCode
<script>
      $(function(){
          $(document).on("core.pageRendered", function(e, opts){
             $(".survey-page-wrapper .sub-elements-wrapper img").closest(".sub-elements-wrapper").find('.response-option-overlay').remove();
              $("img").off("click").on("click",function(){
                 $(".backimage").remove();
    $(".sub-elements-wrapper").append("
");     
              $(".icon-remove").off("click").on("click",function(e){
                  e.stopPropagation();
                  $("body").toggleClass("overHidden").toggleClass("fullscreen");
              });                
                  $("body").toggleClass("overHidden").toggleClass("fullscreen");
                });
          });
        });
</script>
<style>
      body.overHidden,
      body.overHidden #body{
          overflow:hidden;
      }
         .backImage{
        display:none;
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background:#FFF;
        z-index: 9999;
           overflow:auto;
      }
      .backImage .icon-remove{
          display:none;
          position:absolute;
          top:0px;
          right:0;
          font-size: 50px;
          color: rgba(70, 70, 70, 0.48);
          z-index: 999999;
      }
      .fullscreen .backImage .icon-remove,
      .fullscreen .backImage{
          display:block;
      }
      img.fullscreen{
          max-width:100%;
          background:#FFF;
          width:auto;
          height:auto;
          margin: 0 auto;
          z-index:99999;
      }
      .review{
          display:none;
      }
      .fullscreen.review{
          display:block;
      }
</style>
<style>
    .scrollholder {
        position: relative;
        width: 310px; height: 350px;
        overflow: auto;
        z-index: 1;
    }
</style>
What are your feelings
Tabla de contenidos