Otra galería para SPIP

Monde es
1

Cambié la forma de mostrar las fotos en mi blog. Usaba thickbox, pero
como dijo Marina, anda bastante lento (porque no hace preload de las
imágenes y las carga a cada hit).
Pueden ver como quedó (y decirme si se ve en explorer):

http://www.textosypretextos.com.ar/Paisajes-del-Fuego

Es una implentación sobre SPIP del plugin Jquery Galleria
http://devkick.com/lab/galleria/

por supuesto, el código del esqueleto está accesible, por si alguien gusta:
http://www.textosypretextos.com.ar/squelettes/article-2.html

saludos

2

pos a mi tu sitio me anda rapido y sin problemas

2009/2/17 Martín Gaitán <gaitan@gmail.com>:

Cambié la forma de mostrar las fotos en mi blog. Usaba thickbox, pero
como dijo Marina, anda bastante lento (porque no hace preload de las
imágenes y las carga a cada hit).
Pueden ver como quedó (y decirme si se ve en explorer):

http://www.textosypretextos.com.ar/Paisajes-del-Fuego

Es una implentación sobre SPIP del plugin Jquery Galleria
http://devkick.com/lab/galleria/

por supuesto, el código del esqueleto está accesible, por si alguien gusta:
http://www.textosypretextos.com.ar/squelettes/article-2.html

saludos
_______________________________________________
Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

3

Martín,

Carga perfectamente en Internet Explorer 7 (Win XP) y en Opera… me gusta mucho, sin embargo me queda una duda, ¿Cómo lo metiste en los esqueletos? o ¿simplemente pusiste el código del javascript en el artículo correspondiente? lo digo porque según veo el referente que usaste no es exclusivo de SPIP sino genérico…

Gracias,.

Germán

2009/2/16 Martín Gaitán <gaitan@gmail.com>

Cambié la forma de mostrar las fotos en mi blog. Usaba thickbox, pero
como dijo Marina, anda bastante lento (porque no hace preload de las
imágenes y las carga a cada hit).
Pueden ver como quedó (y decirme si se ve en explorer):

http://www.textosypretextos.com.ar/Paisajes-del-Fuego

Es una implentación sobre SPIP del plugin Jquery Galleria
http://devkick.com/lab/galleria/

por supuesto, el código del esqueleto está accesible, por si alguien gusta:
http://www.textosypretextos.com.ar/squelettes/article-2.html

saludos

Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

–

Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
german@atarraya.org - german.bustos.f@gmail.com
Tel [+57] 3177381339
Bogotá 111221, Colombia

4

2009/2/17 Germán Bustos <german@atarraya.org>:

Martín,

Carga perfectamente en Internet Explorer 7 (Win XP) y en Opera... me gusta
mucho, sin embargo me queda una duda, ¿Cómo lo metiste en los esqueletos? o
¿simplemente pusiste el código del javascript en el artículo
correspondiente? lo digo porque según veo el referente que usaste no es
exclusivo de SPIP sino genérico...

Gracias,.

Germán

Si, es una implementación 'ad hoc', pero medianamente sencilla.

SPIP permite integrar cualquier cosa... y particularmente las cosas
hechas con Jquery son fáciles de integrar.
En general, puede reducirse a 3 pasos generales:

1) tener la baliza #INSERT_HEAD dentro de <head></head> del esqueleto.
2) incluir la llamada al Javascript en cuestion (al plugin de JQUERY) y lanzarlo
3) Implementar el código html que sobre el que plugin trabaja con bucles.

en este caso, pueden ver el código de
http://www.textosypretextos.com.ar/squelettes/article-2.html (los
articulos de la seccion 2, o sea, las fotogalerías). Allí hago un
inclure de inc_head.html que es el tiene, entre otras cosas, el
#INSERT_HEAD. Justo abajo, llamo a
<script src='#CHEMIN{archivos/jquery.galleria.pack.js}'
type='text/javascript'></script> que es la llamada al plugin jquery
galleria.

Tambien . Hay un poco de CSS, que copié del ejemplo "demo 1" de
Galleria. Luego, el código html, implementado a través de un bucle,
está aqui

http://www.textosypretextos.com.ar/squelettes/inc_galleria.html

Es bien basico. Una estructura <ul> > <li> donde cada item tiene un
link a la foto en tamaño grande y una imagen pequeña que es el
thumbnail.

La implementación de thickbox era similar. Y también la de Slides, que
implementé en la portada del sitio (para que rote las imágenes).

Claro que se podría convertir esto en un plugin de SPIP

5

Me doy…
no logro hacerla funcionar. Cree luego un html igual al ejemplo y no hay caso, no se que falla.
Es este:
http://www.kanusur.com.ar/galeria.html

Me muestra las fotos en grande, y nada mas.

tan perdida puedo estar?
Gracias,
Marina

2009/2/17 Martín Gaitán <gaitan@gmail.com>

2009/2/17 Germán Bustos <german@atarraya.org>:

Martín,

Carga perfectamente en Internet Explorer 7 (Win XP) y en Opera… me gusta
mucho, sin embargo me queda una duda, ¿Cómo lo metiste en los esqueletos? o
¿simplemente pusiste el código del javascript en el artículo
correspondiente? lo digo porque según veo el referente que usaste no es
exclusivo de SPIP sino genérico…

Gracias,.

Germán

Si, es una implementación ‹ ad hoc ›, pero medianamente sencilla.

SPIP permite integrar cualquier cosa… y particularmente las cosas
hechas con Jquery son fáciles de integrar.
En general, puede reducirse a 3 pasos generales:

  1. tener la baliza #INSERT_HEAD dentro de del esqueleto.
  2. incluir la llamada al Javascript en cuestion (al plugin de JQUERY) y lanzarlo
  3. Implementar el código html que sobre el que plugin trabaja con bucles.

en este caso, pueden ver el código de
http://www.textosypretextos.com.ar/squelettes/article-2.html (los
articulos de la seccion 2, o sea, las fotogalerías). Allí hago un
inclure de inc_head.html que es el tiene, entre otras cosas, el
#INSERT_HEAD. Justo abajo, llamo a

que es la llamada al plugin jquery

galleria.

Tambien . Hay un poco de CSS, que copié del ejemplo « demo 1 » de
Galleria. Luego, el código html, implementado a través de un bucle,
está aqui

http://www.textosypretextos.com.ar/squelettes/inc_galleria.html

Es bien basico. Una estructura

    >
  • donde cada item tiene un
    link a la foto en tamaño grande y una imagen pequeña que es el
    thumbnail.

    La implementación de thickbox era similar. Y también la de Slides, que
    implementé en la portada del sitio (para que rote las imágenes).

    Claro que se podría convertir esto en un plugin de SPIP

    Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

–
Marina
www.artenqn.com.ar

6

es que no hay ninguna etiqueta llamada

.gallery_demo

fijate bien las classes en las etiquetas
ahi esta el problema

El 19 de febrero de 2009 13:18, Marina Moran <esperandoelmilagro@gmail.com> escribió:

Me doy…
no logro hacerla funcionar. Cree luego un html igual al ejemplo y no hay caso, no se que falla.
Es este:
http://www.kanusur.com.ar/galeria.html

Me muestra las fotos en grande, y nada mas.

tan perdida puedo estar?
Gracias,
Marina

2009/2/17 Martín Gaitán <gaitan@gmail.com>

2009/2/17 Germán Bustos <german@atarraya.org>:

Martín,

Carga perfectamente en Internet Explorer 7 (Win XP) y en Opera… me gusta
mucho, sin embargo me queda una duda, ¿Cómo lo metiste en los esqueletos? o
¿simplemente pusiste el código del javascript en el artículo
correspondiente? lo digo porque según veo el referente que usaste no es
exclusivo de SPIP sino genérico…

Gracias,.

Germán

Si, es una implementación ‹ ad hoc ›, pero medianamente sencilla.

SPIP permite integrar cualquier cosa… y particularmente las cosas
hechas con Jquery son fáciles de integrar.
En general, puede reducirse a 3 pasos generales:

  1. tener la baliza #INSERT_HEAD dentro de del esqueleto.
  2. incluir la llamada al Javascript en cuestion (al plugin de JQUERY) y lanzarlo
  3. Implementar el código html que sobre el que plugin trabaja con bucles.

en este caso, pueden ver el código de
http://www.textosypretextos.com.ar/squelettes/article-2.html (los
articulos de la seccion 2, o sea, las fotogalerías). Allí hago un
inclure de inc_head.html que es el tiene, entre otras cosas, el
#INSERT_HEAD. Justo abajo, llamo a

que es la llamada al plugin jquery

galleria.

Tambien . Hay un poco de CSS, que copié del ejemplo « demo 1 » de
Galleria. Luego, el código html, implementado a través de un bucle,
está aqui

http://www.textosypretextos.com.ar/squelettes/inc_galleria.html

Es bien basico. Una estructura

    >
  • donde cada item tiene un
    link a la foto en tamaño grande y una imagen pequeña que es el
    thumbnail.

    La implementación de thickbox era similar. Y también la de Slides, que
    implementé en la portada del sitio (para que rote las imágenes).

    Claro que se podría convertir esto en un plugin de SPIP

    Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

–
Marina
www.artenqn.com.ar

Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

7

Te referías a esto?

    si probe con eso tambien, lo unico que cambia es que queda la foto arriba del texto, como flotando, pero nada mas.

    Hice copy-paste del ejemplo, por eso me quemé ya.

    gracias!
    marina

    2009/2/19 Santiago Flores <santiagoflores@gmail.com>

    es que no hay ninguna etiqueta llamada

    .gallery_demo

fijate bien las classes en las etiquetas
ahi esta el problema

    El 19 de febrero de 2009 13:18, Marina Moran <esperandoelmilagro@gmail.com> escribió:

    Me doy…
    no logro hacerla funcionar. Cree luego un html igual al ejemplo y no hay caso, no se que falla.
    Es este:
    http://www.kanusur.com.ar/galeria.html

    Me muestra las fotos en grande, y nada mas.

    tan perdida puedo estar?
    Gracias,
    Marina

    2009/2/17 Martín Gaitán <gaitan@gmail.com>

    2009/2/17 Germán Bustos <german@atarraya.org>:

    Martín,

    Carga perfectamente en Internet Explorer 7 (Win XP) y en Opera… me gusta
    mucho, sin embargo me queda una duda, ¿Cómo lo metiste en los esqueletos? o
    ¿simplemente pusiste el código del javascript en el artículo
    correspondiente? lo digo porque según veo el referente que usaste no es
    exclusivo de SPIP sino genérico…

    Gracias,.

    Germán

    Si, es una implementación ‹ ad hoc ›, pero medianamente sencilla.

    SPIP permite integrar cualquier cosa… y particularmente las cosas
    hechas con Jquery son fáciles de integrar.
    En general, puede reducirse a 3 pasos generales:

    1. tener la baliza #INSERT_HEAD dentro de del esqueleto.
    2. incluir la llamada al Javascript en cuestion (al plugin de JQUERY) y lanzarlo
    3. Implementar el código html que sobre el que plugin trabaja con bucles.

    en este caso, pueden ver el código de
    http://www.textosypretextos.com.ar/squelettes/article-2.html (los
    articulos de la seccion 2, o sea, las fotogalerías). Allí hago un
    inclure de inc_head.html que es el tiene, entre otras cosas, el
    #INSERT_HEAD. Justo abajo, llamo a

    que es la llamada al plugin jquery

    galleria.

    Tambien . Hay un poco de CSS, que copié del ejemplo « demo 1 » de
    Galleria. Luego, el código html, implementado a través de un bucle,
    está aqui

    http://www.textosypretextos.com.ar/squelettes/inc_galleria.html

    Es bien basico. Una estructura

      >
    • donde cada item tiene un
      link a la foto en tamaño grande y una imagen pequeña que es el
      thumbnail.

      La implementación de thickbox era similar. Y también la de Slides, que
      implementé en la portada del sitio (para que rote las imágenes).

      Claro que se podría convertir esto en un plugin de SPIP

      Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

    –
    Marina
    www.artenqn.com.ar

    Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

    –
    Marina
    www.artenqn.com.ar

8

El Firebug me botonea

jQuery is not defined
jQuery(function($) {

Probablemente es porque la ruta que llamás da un bonito 404

http://www.kanusur.com.ar/plugins/galleria/jquery.js

fijate. :wink:

PD: firebug es el mejor invento del hombre, después del vino y el cinturón de seguridad.

2009/2/19 Marina Moran <esperandoelmilagro@gmail.com>

Te referías a esto?

    si probe con eso tambien, lo unico que cambia es que queda la foto arriba del texto, como flotando, pero nada mas.

    Hice copy-paste del ejemplo, por eso me quemé ya.

    gracias!
    marina

    2009/2/19 Santiago Flores <santiagoflores@gmail.com>

    es que no hay ninguna etiqueta llamada

    .gallery_demo

fijate bien las classes en las etiquetas
ahi esta el problema

    El 19 de febrero de 2009 13:18, Marina Moran <esperandoelmilagro@gmail.com> escribió:

    Me doy…
    no logro hacerla funcionar. Cree luego un html igual al ejemplo y no hay caso, no se que falla.
    Es este:
    http://www.kanusur.com.ar/galeria.html

    Me muestra las fotos en grande, y nada mas.

    tan perdida puedo estar?
    Gracias,
    Marina

    2009/2/17 Martín Gaitán <gaitan@gmail.com>

    2009/2/17 Germán Bustos <german@atarraya.org>:

    Martín,

    Carga perfectamente en Internet Explorer 7 (Win XP) y en Opera… me gusta
    mucho, sin embargo me queda una duda, ¿Cómo lo metiste en los esqueletos? o
    ¿simplemente pusiste el código del javascript en el artículo
    correspondiente? lo digo porque según veo el referente que usaste no es
    exclusivo de SPIP sino genérico…

    Gracias,.

    Germán

    Si, es una implementación ‹ ad hoc ›, pero medianamente sencilla.

    SPIP permite integrar cualquier cosa… y particularmente las cosas
    hechas con Jquery son fáciles de integrar.
    En general, puede reducirse a 3 pasos generales:

    1. tener la baliza #INSERT_HEAD dentro de del esqueleto.
    2. incluir la llamada al Javascript en cuestion (al plugin de JQUERY) y lanzarlo
    3. Implementar el código html que sobre el que plugin trabaja con bucles.

    en este caso, pueden ver el código de
    http://www.textosypretextos.com.ar/squelettes/article-2.html (los
    articulos de la seccion 2, o sea, las fotogalerías). Allí hago un
    inclure de inc_head.html que es el tiene, entre otras cosas, el
    #INSERT_HEAD. Justo abajo, llamo a

    que es la llamada al plugin jquery

    galleria.

    Tambien . Hay un poco de CSS, que copié del ejemplo « demo 1 » de
    Galleria. Luego, el código html, implementado a través de un bucle,
    está aqui

    http://www.textosypretextos.com.ar/squelettes/inc_galleria.html

    Es bien basico. Una estructura

      >
    • donde cada item tiene un
      link a la foto en tamaño grande y una imagen pequeña que es el
      thumbnail.

      La implementación de thickbox era similar. Y también la de Slides, que
      implementé en la portada del sitio (para que rote las imágenes).

      Claro que se podría convertir esto en un plugin de SPIP

      Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

    –
    Marina
    www.artenqn.com.ar

    Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es

    –
    Marina
    www.artenqn.com.ar

    Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es