Tratamiento de imágenes en CodeIgniter

28Mar12

Al instalar CI en nuestro servidor, unos de los primeros problemas con el que podemos encontrarnos es el tratamiento de imágenes, estilos, archivos js y otros archivos externos.

A este momento, CI está por la versión 2.0.1 y se puede descargar desde http://codeigniter.com/download.php . Suponiendo que nuestro sitio está en http://localhost/misitio, en el directorio raiz del mismo, podemos ver los siguientes archivos y directorios.

  1. [user_guide]
  2. [system]
  3. [application]
  4. [models]
  5. [controllers]
  6. [views]
  7.                    archivo1.html
  8.                    archivo2.html
  9.                    archivo3.html
  10.                    archivo.php
  11. index.php
  12. license.txt

Básicamente, si colocamos los archivos de imágenes, estilos, js o fla en la carpeta [views] junto con los archivos html o php, NO VAMOS A PODER VER LAS IMAGENES ni tampoco los textos con los estilos aplicados ni nada que haga referencia a archivos externos. Para poder verlos habrá que colocar las carpetas con dichos archivos en el directorio raiz del sitio:

  1. [imagenes]
  2. [estilos]
  3. [js]
  4. [fla]
  5. [user_guide]
  6. [system]
  7. [application]
  8. [models]
  9. [controllers]
  10. [views]
  11.                    archivo1.html
  12.                    archivo2.html
  13.                    archivo3.html
  14.                    archivo.php
  15. index.php
  16. license.txt

Luego, desde los archivos html o php que estan en las vistas, tenemos que hacer referencia a los archivos que se encuentran en las carpetas en cuestión. Hacemos eso de la siguiente manera:

Para las imágenes  <img src=”http://localhost/misitio/imagenes/imagen.jpg&#8221; width=”35″ height=”35″>

Para los estilos  <link href=”http://localhost/misitio/estilos/estilos.css&#8221; rel=”stylesheet” type=”text/css”>

Para los js  <script language=”javascript” type=”text/javascript” src=”http://localhost/misitio/js/metodos.js”></script&gt;

Y eso es todo, ahora sí podremos ver las imágenes, los textos con los estilos aplicados y cualquier otra referencia a archivos externos.

Ahora bien, todos estos archivos y carpetas entán en nuestro servidor local. Al subirlo al servidor remoto, las referencias cambiarán, ya no será http://localhost/misitio, sino http://www.misitio.com. Con unas pocas imágenes y uno o dos archivos de estilos o js, no habrá ningún problema en cambiar esas referencias manualmente. ¿Pero qué pasa cuando tenemos cientos de imágenes? ¿Qué pasa cuando tenemos diez o mas archivos de estilos o js o fla? Obviamente cambiar las referencias manualmente, archivo por archivo, será todo un tedio. Es ahí cuando los helpers pueden ayudarnos para hacer estos cambios en un único archivo. Pero eso lo veremos mas adelante.

Saludos.




One Response to “Tratamiento de imágenes en CodeIgniter”

  1. 1 Nallely

    Gracias ^^ muy buena información para comenzar


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: