Imágenes en mapa sensible

Inicio › Forums › Ayuda / Ajuda / Laguntza / Axuda / Help › Imágenes en mapa sensible

This topic contains 6 respuestas, has 2 voices, and was last updated by  Juan_Carlos Hace 6 años, 6 meses.

  • Author
    Entradas
  • 17 abril, 2018 at 11:07 #29541

    Juan_Carlos
    Member

    Saludos a todos.

    Hemos creado un mapa sensible en el que los enlaces presentan unas imágenes en una página nueva y el efecto que queremos conseguir es que se presenten dichas imágenes como lightbox. ¿Se podría llegar a conseguir?.

    Hemos intentado modificar el código fuente pero no damos con la solución. Esperamos algún comentario. Muchas gracias.

     

     

    Archivos adjuntos:
    You must be logged in to view attached files.
  • 17 abril, 2018 at 11:24 #29543

    Ignacio Gros
    Keymaster

    Añadiendo en la página un iDevice Nota con un enlace con rel="lightbox" para que los ficheros necesarios se incluyan en la página al exportar y luego añadiendo esto en la pestaña Propiedades – Pie de página:

    $(function(){
$("map area").prettyPhoto({
social_tools: "",
deeplinking: false,
opacity: 0.85
});
});

    Saludos.

  • 18 abril, 2018 at 9:20 #29544

    Juan_Carlos
    Member

    Hola de nuevo.

    Hemos intentado seguir los pasos explicados pero creo no conseguimos interpretarlos ya que el efecto deseado no lo conseguimos.

    Adjunto el proyecto con los cambios introducidos para que se pueda ver si está bien hecho.

    Un saludo y mil gracias.

    Archivos adjuntos:
    You must be logged in to view attached files.
    • 23 abril, 2018 at 7:00 #29555

      Ignacio Gros
      Keymaster

      Hola Juan Carlos.

      Se me pasó incluir la etiqueta SCRIPT. El código sería éste:

      <script>
	$(function(){
		$("map area").prettyPhoto({
			social_tools: "",
			deeplinking: false,
			opacity: 0.85
		});
	});
</script>

      Sin esa etiqueta, el código se trata como texto. Por eso se veía al final de la página.

  • 24 abril, 2018 at 6:22 #29564

    Juan_Carlos
    Member

    Buenos días.

    Muchísimas gracias por tu ayuda, se consiguió después de muchas horas dándole vueltas, era un efecto que estábamos buscando ya que con la anterior herramienta de autor que usábamos (EASYPROF) era muy utilizado y queríamos seguir incluyéndolo en nuestros cursos porque considerábamos que aportaba mayor interacción.

    Aporto el proyecto para que sirva de ejemplo y de nuevo gracias.

    Archivos adjuntos:
    You must be logged in to view attached files.
  • 24 abril, 2018 at 8:12 #29572

    Ignacio Gros
    Keymaster

    Gracias por compartirlo, Juan Carlos.

  • 26 abril, 2018 at 12:00 #29575

    Juan_Carlos
    Member

    Saludos de nuevo.

    En referencia a este asunto nos ha surgido una incidencia.

    Una vez finalizado el proyecto, hemos exportado a estándar educativo SCORM 1.2 y hemos implantado en el curso dentro de Moodle.

    Entramos en el curso y al visualizarlo advertimos que las coordenadas de las áreas establecidas en el mapa sensible se desplazan dependiendo si se oculta el menú o está visible, lógicamente se pierde la intencionalidad de interacción de la página.

    Esta circunstancia se ha presentado cuando la imagen utilizada para establecer el mapa supera un determinado ancho, lo hemos solucionado ajustándolo, en nuestro caso como máximo a 800px, y de esa manera no se produce ningún desplazamiento de las áreas.

    Espero que sirva como orientación, un saludo.

  • Author
    Entradas

You must be logged in to reply to this topic.

Skip to content