He visto una pregunta similar aquí:Fancybox se ahoga en una URL que contiene "&" ¡Y he intentado todas las soluciones ofrecidas pero ninguna de ellas funciona! He incluido correctamente todos los enlaces, (el enlace jquery primero) Lo verifiqué, y al principio de mi documento, declaré fancybox así:

<script type="text/javascript">
 $(document).ready(function() {
$(".fancybox").fancybox({'type' : 'image'});
    openEffect  : 'none',
    closeEffect : 'none'
  });
});
</script>

Mi código es:

   echo '<a class="fancybox" rel="group1" href="square/'.$fic_serie .'">
<img src="square/'.$fic_serie .'" alt=""/></a>';

$ fic_serie es la var que se reemplazará por el nombre de la imagen

En este momento, siento que nada funciona; las imágenes son demasiado grandes en comparación con cómo dije que deberían ser (en el archivo fancybox.js) y cuando hago clic en ellas, se abren como un enlace, no en lightbox.

También he intentado

class='fancybox fancybox.image'

Pero sin suerte .... ¡Gracias!