Hola a todos, estoy empezando con esto del lightbox y me surge unos problemillas.
El asunto es que he cogido el codigo (que ahora inserto abajo, para que podais verlo) de la pagina de lightbox , pero mas simplificado, solamente con una imagen y no me sale nada, es decir, cuando le doy a la imagen no me muestra la otra imagen con el efecto.
Donde tengo la pagina con la imagen y demas estan las carpetas de js, css e images, necesarias para las llamadas.
Os pongo el codigo abajo a ver si alguien da con la tecla
Muchas gracias.
<!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" lang="en">
<head>
<title>Ajax based Lightbox 2 - HelloGoogle</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="description" lang="en" content="Ajax based Lightbox 2 is a simple, unobtrusive script used to overlay images and text on the current page. It's a snap to setup and works on all modern browsers." />
<meta name="keywords" content="lightbox, lightbox2, lightbox 2, lightbox js, helloGoogle" />
<link rel="shortcut icon" type="image/ico" href="/images/favicon.gif" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body leftmargin="0" topmargin="0">
<h2>Imagen simple</h2>
<div class="thumbnail">
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
</div>
<div class="thumbnail">
</div>
</body>
</html>