Problema con lightbox

Gunmanspeed · #1 (**permalink**) 10/01/2011, 15:27

Intento hacer un lightbox pero me da error y creo que es algo que no tengo configurado en el servidor.
?¿?

Not Found

The requested URL /miweb/registro/images/image-2.jpg was not found on this server.
Apache/2.2.3 (Win32) PHP/5.1.6 Server at localhost Port 80

que puede ser, por que las carpeta de images las tengo cargadas donde mismo tengo el archivo y las rutas estan bien.

la cuestion esque es un lightbox que e bajado de internet para probarlo. que cliqueandolo hace todo bien. pero si lo abro en dream y lo visualizo en mi servidor me da ese error. que puede ser.

este es el cogido tal y como me lo baje.

Código HTML:

Ver original<!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>Ejemplo Ajax Based LightBox</h2>
<h3>Archivo vía Ajax </h3>
Quiere conocer <a href="hellogoogle.htm" rel="lightbox_text">Hello Google</a>?
    <h3>Imagen simple</h3>
    <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">
        <a href="images/image-2.jpg" rel="lightbox" title="Incluya aquí un título"><img src="images/thumb-2.jpg" width="100" height="40" alt="" /></a>
    </div>
 
    <h3 style="clear: both;">Conjunto de imágenes</h3>
 
    <div class="thumbnail">
        <a href="images/image-3.jpg" rel="lightbox[plants]" title="Haga click a la derecha de la imagen para avanzar."><img src="images/thumb-3.jpg" width="100" height="40" alt="Plants: image 1 0f 4 thumb" /></a>
    </div>
    <div class="thumbnail">
        <a href="images/image-4.jpg" rel="lightbox[plants]" title="También puede utilizar cursor derecha." ><img src="images/thumb-4.jpg" width="100" height="40" alt="Plants: image 2 0f 4 thumb" /></a>
    </div>
    <div class="thumbnail">
        <a href="images/image-5.jpg" rel="lightbox[plants]" title="El código precarga la siguiente imagen mientras visualiza la anterior."><img src="images/thumb-5.jpg" width="100" height="40" alt="Plants: image 3 0f 4 thumb" /></a>
    </div>
    <div class="thumbnail">
        <a href="images/image-6.jpg" rel="lightbox[plants]" title="Pulse Esc para salir"><img src="images/thumb-6.jpg" width="100" height="40" alt="Plants: image 4 0f 4 thumb" /></a>
    </div>
    </body>
</html>

caricatos · #2 (**permalink**) 10/01/2011, 22:34

Tema movido desde AJAX

Gunmanspeed · #3 (**permalink**) 11/01/2011, 04:37

Uy perdon, je esque no sabia exactamente de que era esta aplicacion, mil disculpas.

#4 (**permalink**) 11/01/2011, 11:01

no sera por que esta usando un ruta relativa ??

Gunmanspeed · #5 (**permalink**) 11/01/2011, 14:47

Muchas gracias pro la respuesta, pero me puedes explicar lo que es una ruta relativa gracias.

gustavodbs · #6 (**permalink**) 11/01/2011, 15:48

Buenas

Al parecer como dijo el compañero tienes una ruta relativa (es decir depende de donde se encuentre el archivo para llamar a las imagenes)

En este caso tienes:
Llamas a las imagenes asi:
<a href="images/image-2.jpg">

Pero el error que te sale es el siguiente:
/miweb/registro/images/image-2.jpg

Entonces deberías probar:

o renombrar los archivos del lightbox:
<a href="/miweb/registro/images/image-2.jpg">

o mover de ruta las imagenes

Cita:

Las rutas relativas a los documentos son las más adecuadas para emplear con vínculos locales en la mayoría de los sitios Web. Son especialmente útiles cuando el documento actual y el documento con el que se establece el vínculo se hallan en la misma carpeta. También es posible usar una ruta relativa al documento para crear un vínculo con un documento en otra carpeta, pero deberemos especificar la ruta empleando de la jerarquía de carpetas desde el documento actual hasta el vinculado.

Cita:

Ruta absoluta: las rutas absolutas son indicadas mediante la URL completa del documento vinculado.
<a href="http://www.forosdelweb.com/img/logo.jpg"> Enlace a imagen</a>

Gunmanspeed · #7 (**permalink**) 11/01/2011, 16:38

Pues ni con esas no va creo ke es algo del servidor ke no e puesto bien el en php.ini, por ke la imagenes si la pone lo que no le funciona el ha clicearle encima para que salga el lightbox, que es cuando me sale el error,,muchisimas gracias por la respuesta sigo probando cosas hasta averiguarlo.