mostrar galeria en jquery en filas

[esaenz22]

buenas a todos. descargue una galeria http://monc.se/galleria y la implemente en uno de mis proyectos.

mostre la galeria en filas cada uno asi como esto.



pero cuando lo puse solo me muestra la primera galeria que me muestra y las demas no cargan las fotos.

estuve colocandole en el js una variable para mostrar las 4 galerias con el id,pero aun asi no me muestra las demas galerias.

Código Javascript:

$(document).ready(function(i){  
        $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
        $('ul.gallery_demo').galleria({
            history   : true, // activates the history object for bookmarking, back-button etc.
            clickNext : true, // helper for making the image clickable
            insert    : '#main_image'+i, // the containing selector for our main image
            onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                
                // fade in the image & caption
                image.css('display','none').fadeIn(1000);
                caption.css('display','none').fadeIn(1000);
                
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                
                // fade out inactive thumbnail
                _li.siblings().children('img.selected').fadeTo(500,0.3);
                
                // fade in active thumbnail
                thumb.fadeTo('fast',1).addClass('selected');
 
            },
            onThumb : function(thumb) { // thumbnail effects goes here
                
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                
                // if thumbnail is active, fade all the way.
                var _fadeTo = _li.is('.active') ? '1' : '0.3';
                
                // fade in the thumbnail when finnished loading
                thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                
                // hover effects
                thumb.hover(
                    function() { thumb.fadeTo('fast',1); },
                    function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
                )
                
            }
            
        });
    });
 

estuve pensando tambien repetir la misma funcion y crear los demas id para que me muestren las demas galerias.

habra otra galeria para que pueda repetirlas en filas ?.

me pueden ayudar en ello por favor ?.

[mayid]

Estas seguro de que la galería soporta multiples instancias?

Estas seguro de no estar repitiendo ningun id?

[esaenz22]

gracias por responder mayid.

- no entendi la parte que si la galeria soporta multiples instancias.

- no estoy repitiendo ningun id del div. he creado estilos para cada div diferente.

Código HTML:

<div id = "main_gallery1"></div>
<ul>
    <li><img src = "galeria/img1.jpg" border = "0" /></li>
    <li><img src = "galeria/img2.jpg" border = "0" /></li>
    <li><img src = "galeria/img3.jpg" border = "0" /></li>
    <li><img src = "galeria/img4.jpg" border = "0" /></li>
</ul>
<div id = "main_gallery2"></div>
<ul>
    <li><img src = "galeria/img1.jpg" border = "0" /></li>
    <li><img src = "galeria/img2.jpg" border = "0" /></li>
    <li><img src = "galeria/img3.jpg" border = "0" /></li>
    <li><img src = "galeria/img4.jpg" border = "0" /></li>
</ul>
<div id = "main_gallery3"></div>
<ul>
    <li><img src = "galeria/img1.jpg" border = "0" /></li>
    <li><img src = "galeria/img2.jpg" border = "0" /></li>
    <li><img src = "galeria/img3.jpg" border = "0" /></li>
    <li><img src = "galeria/img4.jpg" border = "0" /></li>
</ul>
<div id = "main_gallery4"></div>
<ul>
    <li><img src = "galeria/img1.jpg" border = "0" /></li>
    <li><img src = "galeria/img2.jpg" border = "0" /></li>
    <li><img src = "galeria/img3.jpg" border = "0" /></li>
    <li><img src = "galeria/img4.jpg" border = "0" /></li>
</ul>
 

saludos.

[mayid]

- no entendi la parte que si la galeria soporta multiples instancias.

El plugin (la galeria) esta programado de cierta manera. Seguramente genero contenido html para funcionar. Si el autor no tenía pensado que puedas crear (= instanciar) muchas galerías en una misma pagina, quizas no tuvo el cuidado de programar de tal manera de que eso sea posible.

[esaenz22]

bueno. puede ser.

de todas maneras hice una galeria simple y cree varios js para cargar las galerias en filas. es lo unico que se me ocurrio.

saludos.