consulta sobre mediabox

Buenos Días!

Les molesto con una duda en el uso de Mediabox. Tengo un sitio en spip
3.0.17 y estoy basandome en un template de css.

Cuando voy a una seccion (muestro rubrique.html) se cargan todos los
articulos de la seccion para mostrar el que corresponda con jquery (se
ocultan todos y se muestra el que se cliqueó). Es decir, al hacer clic
en cada articulo no va al servidor, nomas muestra el detalle del
articulo en cuestion y oculta el resto. Esto bien.

Por otro lado, cada articulo tiene imagenes adjuntadas como documentos
y enviadas al portafolio, para visualizarlas con el mediabox (que abre
un popup).
Entonces, cuando hago clic en la imagen de un articulo, se abre bien
el popup del mediabox pero me muestran alli TODAS las imagenes de
todos los articulos (porque estan todas cargadas en el html)... Y
necestio que muestre solo las imagenes del articulo en cuestion.

Intenté agregando la propiedad "rel" a las imagenes de manera de
agruparlas por id de articulo, y que solo muestre las que tienen el
mismo rel, pero no ha funcionado.

La pregunta es, capaz con algun truquito puedo hacer andar el mediabox
de la manera que necesito, o bien usar otro plugin...

Mas que agradecida por cualquier ayuda con esto
abrazos colisterxs!
y gracias como siempre

Marina

Sin entender muy bien la cuestión pienso que podes adicionarle un rel particular al link a la(s) imágene(s) para que solo muestre lo que querés.

Saludos.

Si podes montar un vinculo para mirar la página en cuestión seria más fácil intentar ayudar.

Saludos

Hey!

si aca mando el link, olvidé antes

http://imagenartepro.com.ar/spip.php?rubrique6

Alli seleccionar la segunda opcion "Edificio Lincoln" Allí se muestra
un foto pequeña, y al hacer clic debe mostrar todas las fotos del
articulo. Ese articulo ([ EDIF. COLEGIO LINCOLN ]) tiene dos fotos
adjuntadas, pero al hacer clic muestra como 5 (que son las que tienen
la suma de las imagenes de todos los articulos de la seccion).

Ya tiene un "rel" especifico pero no funciona...le pongo un rel que se
forma con el id del articulo (rel="esta#ID_ARTICLE")

Copio el bucle que devuelve esas imagenes
<B_documents_portfolio>
<div class="bloc clearfix" id="documents_portfolio">
  <ul>
    <BOUCLE_documents_portfolio(DOCUMENTS){id_article}
{mode=document}{extension IN png,jpg,gif} {par num titre,
date}{inverse}{doublons}{vu=non}>[
    <li><a href="(#URL_DOCUMENT)" class='mediabox' type="#MIME_TYPE"
rel="esta#ID_ARTICLE" onclick="location.href='[(#URL_ARTICLE
      |url_absolue
      |parametre_url{id_document,#ID_DOCUMENT}
      |ancre_url{documents_portfolio}
      )]';return false;"[ class="(#EXPOSER)"][
title="(#TITRE|attribut_html|couper{80})"]>
      [(#FICHIER
      |image_passe_partout {240,240}
      |image_recadre{240,240,center}
      |inserer_attribut{class,spip_logos}
      |inserer_attribut{style,position:absolute;z-index:#ID_DOCUMENT;}
      |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]
      <spam class="descript_documents">Ver + Fotos</spam>
      </a></li>
    ]</BOUCLE_documents_portfolio>
  </ul>
</div><!--#documents_portfolio-->
</B_documents_portfolio>

gracias desde ya!

On 9/21/15, Spip Nomadagroup <spip@nomadagroup.com> wrote:

Sin entender muy bien la cuestión pienso que podes adicionarle un rel
particular al link a la(s) imágene(s) para que solo muestre lo que querés.

Saludos.

Si podes montar un vinculo para mirar la página en cuestión seria más fácil
intentar ayudar.

Saludos

El 21 de septiembre de 2015, 10:02, Marina Moran <
esperandoelmilagro@gmail.com> escribió:

Buenos Días!

Les molesto con una duda en el uso de Mediabox. Tengo un sitio en spip
3.0.17 y estoy basandome en un template de css.

Cuando voy a una seccion (muestro rubrique.html) se cargan todos los
articulos de la seccion para mostrar el que corresponda con jquery (se
ocultan todos y se muestra el que se cliqueó). Es decir, al hacer clic
en cada articulo no va al servidor, nomas muestra el detalle del
articulo en cuestion y oculta el resto. Esto bien.

Por otro lado, cada articulo tiene imagenes adjuntadas como documentos
y enviadas al portafolio, para visualizarlas con el mediabox (que abre
un popup).
Entonces, cuando hago clic en la imagen de un articulo, se abre bien
el popup del mediabox pero me muestran alli TODAS las imagenes de
todos los articulos (porque estan todas cargadas en el html)... Y
necestio que muestre solo las imagenes del articulo en cuestion.

Intenté agregando la propiedad "rel" a las imagenes de manera de
agruparlas por id de articulo, y que solo muestre las que tienen el
mismo rel, pero no ha funcionado.

La pregunta es, capaz con algun truquito puedo hacer andar el mediabox
de la manera que necesito, o bien usar otro plugin...

Mas que agradecida por cualquier ayuda con esto
abrazos colisterxs!
y gracias como siempre

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

Le he dado una mirada y pienso que el problema puede estar en lo que te cito al final. Estas cambiando los id y no se si esa sea la relación que hace para mostrar las fotos que están después. Osea que cuando muestra cualquiera de los proyectos es como si mostrara todo lo que hace referencia a project_content . Pienso que puede ser eso. Seria que fuera project_content_1 _2 _3 _n Yo buscaría por ahi el problema… puede ser en las classes donde se haga la referencia.

  • Saludos

  • No termino de entender bien a qué te referís... En todo caso los div
    tienen ids distintos... Yo creo que muestra todas las imagenes que
    estan cargadas en el html en el cliente.. pero en ese caso el atributo
    rel del <a href...> diferenciado debería funcionar... no se si lo
    aplico mal..

    sino algun otro plugin que muestre imagenes asi en un pop up navegable
    que me recomienden? He estado mirando pero nada me convence mucho..

    gracias de nuevo!
    saludos
    Marina

    On 9/21/15, Spip Nomadagroup <spip@nomadagroup.com> wrote:

    Le he dado una mirada y pienso que el problema puede estar en lo que te
    cito al final. Estas cambiando los id y no se si esa sea la relación que
    hace para mostrar las fotos que están después. Osea que cuando muestra
    cualquiera de los proyectos es como si mostrara todo lo que hace referencia
    a project_content . Pienso que puede ser eso. Seria que fuera
    project_content_1
    _2 _3 _n Yo buscaría por ahi el problema.. puede ser en las classes donde
    se haga la referencia.

    <li id="project_1" class="tj_row">

    <div id="divnavproject_1" class="project_content">

    Saludos

    El 21 de septiembre de 2015, 11:14, Marina Moran <
    esperandoelmilagro@gmail.com> escribió:

    Hey!

    si aca mando el link, olvidé antes

    http://imagenartepro.com.ar/spip.php?rubrique6

    Alli seleccionar la segunda opcion "Edificio Lincoln" Allí se muestra
    un foto pequeña, y al hacer clic debe mostrar todas las fotos del
    articulo. Ese articulo ([ EDIF. COLEGIO LINCOLN ]) tiene dos fotos
    adjuntadas, pero al hacer clic muestra como 5 (que son las que tienen
    la suma de las imagenes de todos los articulos de la seccion).

    Ya tiene un "rel" especifico pero no funciona...le pongo un rel que se
    forma con el id del articulo (rel="esta#ID_ARTICLE")

    Copio el bucle que devuelve esas imagenes
    <B_documents_portfolio>
    <div class="bloc clearfix" id="documents_portfolio">
            <ul>
                    <BOUCLE_documents_portfolio(DOCUMENTS){id_article}
    {mode=document}{extension IN png,jpg,gif} {par num titre,
    date}{inverse}{doublons}{vu=non}>[
                    <li><a href="(#URL_DOCUMENT)" class='mediabox'
    type="#MIME_TYPE"
    rel="esta#ID_ARTICLE" onclick="location.href='[(#URL_ARTICLE
                      |url_absolue
                            |parametre_url{id_document,#ID_DOCUMENT}
                            |ancre_url{documents_portfolio}
                            )]';return false;"[ class="(#EXPOSER)"][
    title="(#TITRE|attribut_html|couper{80})"]>
                            [(#FICHIER
                            |image_passe_partout {240,240}
                            |image_recadre{240,240,center}
                            |inserer_attribut{class,spip_logos}

    |inserer_attribut{style,position:absolute;z-index:#ID_DOCUMENT;}

    |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]
                            <spam class="descript_documents">Ver +
    Fotos</spam>
                            </a></li>
                    ]</BOUCLE_documents_portfolio>
            </ul>
    </div><!--#documents_portfolio-->
    </B_documents_portfolio>

    gracias desde ya!

    On 9/21/15, Spip Nomadagroup <spip@nomadagroup.com> wrote:
    > Sin entender muy bien la cuestión pienso que podes adicionarle un rel
    > particular al link a la(s) imágene(s) para que solo muestre lo que
    querés.
    >
    > Saludos.
    >
    >
    > Si podes montar un vinculo para mirar la página en cuestión seria más
    fácil
    > intentar ayudar.
    >
    > Saludos
    >
    > El 21 de septiembre de 2015, 10:02, Marina Moran <
    > esperandoelmilagro@gmail.com> escribió:
    >
    >> Buenos Días!
    >>
    >> Les molesto con una duda en el uso de Mediabox. Tengo un sitio en spip
    >> 3.0.17 y estoy basandome en un template de css.
    >>
    >> Cuando voy a una seccion (muestro rubrique.html) se cargan todos los
    >> articulos de la seccion para mostrar el que corresponda con jquery (se
    >> ocultan todos y se muestra el que se cliqueó). Es decir, al hacer clic
    >> en cada articulo no va al servidor, nomas muestra el detalle del
    >> articulo en cuestion y oculta el resto. Esto bien.
    >>
    >> Por otro lado, cada articulo tiene imagenes adjuntadas como documentos
    >> y enviadas al portafolio, para visualizarlas con el mediabox (que abre
    >> un popup).
    >> Entonces, cuando hago clic en la imagen de un articulo, se abre bien
    >> el popup del mediabox pero me muestran alli TODAS las imagenes de
    >> todos los articulos (porque estan todas cargadas en el html)... Y
    >> necestio que muestre solo las imagenes del articulo en cuestion.
    >>
    >> Intenté agregando la propiedad "rel" a las imagenes de manera de
    >> agruparlas por id de articulo, y que solo muestre las que tienen el
    >> mismo rel, pero no ha funcionado.
    >>
    >> La pregunta es, capaz con algun truquito puedo hacer andar el mediabox
    >> de la manera que necesito, o bien usar otro plugin...
    >>
    >> Mas que agradecida por cualquier ayuda con esto
    >> abrazos colisterxs!
    >> y gracias como siempre
    >>
    >> Marina
    >> _______________________________________________
    >> Spip-es@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-es
    >>
    >

    Marina

    Intenta meterle el ID del articulo en los class como haces en los ID a ver si eso relaciona las imágenes que necesitas.

    Yo he usado otras pero no tan completas como la que estas usando, cosas como lightbox s . Pero estoy seguro que es una cosa pequeña la que falla.

    En este fin de semana podria darle una mirada con mas detenimiento, pero hace el cambio en los class

    class=« tj_row#ID_ARTICLE » y class=« project_content#ID_ARTICLE » o algo así o referenciado al id del artículo mejor O de una forma que se agrupen y se diferencien.

    Saludos