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>