Buenas, Tengo una web de formación en titulaciones náuticas y estoy intentando implementar imágenes en los test online. Aunque la web es Estudias o navegas, estoy actualizando toda la web e implementando esto que digo en otro dominio. La página de pruebas a la que me referirá en este post es:
http://skfnanotech.com/prov/Test/PP/PER-WTN-Balizamiento/Test%20Balizamiento-01.php
He conseguido implementar las imágenes a la derecha y el enlace que se supone que abre la imagen en un tamaño más grande con fancybox. El código que he insertado es:
<a href="/prov/Test/PP/images/barco.jpg" class="fancybox"><img src="/prov/Test/PP/images/barco.jpg" title="Haz clic sobre la imagen" align="right" width="auto" height="75" hspace="30"></a>
El caso es que cuando hago clic en la imagen (preguntas 1 y 2), el navegador sigue el enlace y abra la página pero no lo hace con un popup de fancybox.
Estoy seguro de haber definido bien los enlaces de Fancybox.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link rel="stylesheet" href="/prov/Test/PP/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/prov/Test/PP/fancybox/source/jquery.fancybox.pack.js"></script>
De lo que no estoy seguro es de que haya llamado dos veces jquery.min.js pero la cosa no funciona aunque elmine esa línea.
¿Qué estoy haciendo mal?
He buscado en los foros de esta web (y otras) pero no he encontrado ninguna incidencia parecida. Muchas gracias por vuestra ayuda Slds