Portfolio

Jueves, enero 10th, 2013

Para comenzar a explicar esta parte, tuve que hacer algunos cambios fundamentales en el código de javascript. Antes para cambiar entre página y página, lo que hacía era cargar el contenido por medio de Jquery en uno de los divs de la página, pero al intentar insertar un plugin de jquery que funciona a modo de portfolio dinámico con un filtro por botones…(http://www.gethifi.com/blog/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours)

Imagen

 

… era incapaz de integrarlo, ni usando livequery, ni modificando el css. No, de ninguna manera.

Así que tuve que modificar la estructura y duplicar digamos el marco de la página inicial en tres páginas diferentes para poder hacerlo funcionar. Es una pena porque esto ralentiza la velocidad dentro de la página web, ya que es muy visual, y la comprobación del css la hace varias veces. Por falta de tiempo no he podido optimizarlo, no se me ha ocurrido una solución lógica, pero también es cierto que si no fuera por el hecho de que es OBLIGATORIO el uso de un cambiador de estilo, no hubiera hecho esta comprobación y no utilizaría 2 css distintos.

En la réplica de las páginas web, añadí estas lineas al final del css para poder garantizar la correcta utilización del plugin.

Imagen

Finalmente y a modo de ejemplo vienen unas cuantas imágenes para que veas el funcionamiento, que iré cambiando y añadiendo a lo largo de mi carrera profesional, pero básicamente, todos las imágenes están en una lista con esta estructura:

<li class=”PALABRAS CLAVE PARA FILTRADO”>
<a href=”LINK QUE REDIRIGE AL PINCHAR” title=””><img src=”IMAGEN A MOSTRAR(RESOLUCION 164X120)” alt=””></a>
<p>
NOMBRE A MOSTRAR DE BAJO DE LA IMAGEN
</p>
</li>

 

El resultado final  viene siendo algo así, pero ojo, todavía con imágenes de prueba:

Imagen

Anuncios

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: