Pregunta

Tengo un documento estricto XHTML 1.0 en la que yo estoy tratando de hacer el trabajo shadowbox.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta name="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test page</title>
    <link rel="stylesheet" type="text/css" href="shadowbox.css" />
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="shadowbox.js"></script>
    <script type="text/javascript">
      Shadowbox.init();
      console.log('Howdy there!'); // displays, so no JS error in Shadowbox.init
    </script>
  </head>
  <body>
    <p>
      <a href="image.jpg" title="Howdy" rel="shadowbox">
        <img src="image.jpg" alt="Click to zoom." />
      </a>
    </p>
  </body>
</html>

Este documento es completamente válida de acuerdo a mi extensión de Firefox.

Por alguna razón shadowbox parece hacer no . Cuando pulso en el enlace de la imagen, el navegador simplemente abre la imagen como de costumbre. Ninguna caja en absoluto.

He tratado de no cargar jQuery y sólo shadowbox carga, pero eso no ayuda, por lo que no es culpa de jQuery tampoco. Esto es con Shadowbox 3.0b por cierto. ¿Alguna idea?

EDIT: acabo de pensar ... shadowbox hace un poco de magia interna para averiguar la ruta al mismo. Sin embargo, esta página es completamente estático y se cargó directamente desde el archivo en el disco. ¿Podría ser este el problema? Buscando en el DOM, veo que Shadowbox.path está ajustado para "file: /// C: / ..."? Así que quizás no

¿Fue útil?

Solución

Es necesario tener (nebo tiene que tener) todos los directorios de showbox.zip en el directorio con los archivos showbox.js, porque Showbox añade otras secuencias de comandos a la página.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top