Cuando tratamos de acceder a un archivo en nuestro servidor es muy fácil escribir la ruta completa, por ejemplo, digamos que tengo una imagen alojada en mi servidor y se encuentra en la dirección "http://www..dpaladin.com/imagen/a.gif", si la quisiera mostrar en una pagina el código seria así:
src="http://www.dpaladin.com/imagen/a.gif" />
Ahora si quisiéramos acortar este código y la ruta, entonces debemos usar una ruta relativa a nuestra pagina; una ruta relativa se refiere a la ruta en que se encuentra un archivo con respecto a la ruta desde donde se quiere acceder a ese archivo. Esto es: si queremos mostrar la imagen anterior con una ruta relativa, entonces la ruta seria "imagen/a.gif", que es la ruta de la imagen con respecto a la de la pagina que esta llamando al archivo, entonces el código seria:src="imagen/a.gif" />
Otro ejemplo: si la imagen estuviera en la dirección "http://www.miweb.com/imagenes/a.jpg" y la pagina que llama a la imagen esta en "http://www.miweb.com/imagenes/imagen.php", entonces la ruta relativa de la imagen con respecto a el script será solamente"a.jpg" ya que ambos archivos comparten la misma ruta.
Por ultimo, que tal si la imagen no estuviera en la ruta de donde se le llama y estuviera en una carpeta aparte, por ejemplo, que la imagen este en "http://www.miweb.com/imagenes/a.jpg" y el script en "http://www.miweb.com/scripts/index.php" entonces debemos usar "../" tantas veces como carpetas deseemos regresar, la ruta sería: "../imagenes/a.jpg". Veámoslo mas detallado:
Tenemos un archivo php en: "http://www.miweb.com/scripts/index.php" y este desea llamar a varias imágenes:
| Ruta de imagen absoluta | Ruta relativa con respecto al script |
| "http://www.miweb.com/imagenes/a.jpg" | "../imagenes/a.jpg" |
| "http://www.miweb.com/b.jpg" | "../b.jpg" |
| "http://www.miweb.com/imagenes/jpg/c.jpg" | "../imagenes/jpg/c.jpg" |
| "http://www.miweb.com/scripts/d.jpg" | "d.jpg" |
| "http://www.miweb.com/scripts/imagenes/e.jpg" | "imagenes/e.jpg" |
| "http://www.miweb.com/scripts/imagenes/jpg/e.jpg" | "imagenes/jpg/e.jpg" |

mas información busca en esta pagina ^^





0 comentarios:
Publicar un comentario