JQuery: Como ecribo este código que planteo?

[McBlink]

Buenas noches,
tengo la siguiente estructura HTML

Código HTML:

<div class="galeria">
    <div class="foto"><img src="" /></div>
    <div class="miniaturas">
        <a href="url_foto1.jpg"><img src="minuatura1.jpg" /></a>
        <a href="url_foto1.jpg"><img src="minuatura1.jpg" /></a>
    </div>
</div>
 

Éstas galerias se repiten, tengo varias.

Necesito hacer un código que por cada galería le asigne a cada miniatura el evento click para que muestra la foto en la imagen del "div.foto"

EL problema que tengo es que no se como hacer para reccorrer todo las galerias que encuentre y hacer luego hacer dentro lo que necesito..

Agradezco cualquier ayuda, espero haberme explicado bien!

Saludos

[zerokilled]

buenas,
revisa si el siguiente tema te ayuda, al menos para una de las partes que necesitas. http://www.forosdelweb.com/showthread.php?t=960369

[McBlink]

Gracias zerokilled, esta interesante.
Tengo una duda ahora al respecto.

Suponiendo que tenga el siguiente código "intento" de plugin JQuery:

Código Javascript:

$.fn.galeriaFotos = function(){
    $galeria = $(this); //Aqui obtengo la galeria
}
 

Luego, al llamarlo de esta manera:

Código Javascript:

$('.galeria').galeriaFotos();
 

Hasta aquí todo bien, JQuery recorre todos los obejetos clase galeria que encuentra y le aplica la funcionalidad del plugin.

Tengo un problema con el selector, partiendo de ésto:

Código Javascript:

$galeria = $(this); //Aqui obtengo la galeria
 

Como hago por ejemplo si quiero seleccionar el div.miniatura y luego todos los thumbnails??

Código Javascript:

$('referencia a $galeria?' + ' .minutaturas a')
 

No me queda claro como hacer ese selector.. luego ya me las arreglo para terminar con el plugin..

Mil Gracias!

[zerokilled]

de framework, no te puedo ayudar porque no las utilizo. instuyo lo que quieres componer es el selector del elemento mas los thumbnails. no se si lo que buscas es la propiedad selector del objeto que devuelve jQuery. this.selector + ' .miniatura a';. si se trata de que tienes diferentes elementos con la misma clase, estoy seguro que jquery debe tener una función para seleccionar elementos a partir de un elemento.

[_cronos2]

Usa una coma, ahora no estoy seguro de si es para separar selectores o para separar argumentos pero creo que funcionará de las dos formas:

Código Javascript:

$('a, p')
$('a', 'p')
 

Al menos de la primera seguro.
Saludos (:
Edit: Pues me equivoqué, funciona sólo con la coma separando selectores, o sea, en el mismo string. http://api.jquery.com/multiple-selector/

[McBlink]

Gracias cronos! si bien eso funciona, no es lo que pretendia..
Lo que hace es hacer selectores multiples, pero no seleccionar un "selector hijo" de ese objeto que tengo seleccionado..

Tengo el siguiente problema con éste código, y ahi cuelgo el ejemplo online si puedo, asi pueden mirar lo que esta pasando..

Código Javascript:

(function($) {
    $.fn.extend({
        photoGallery: function() {
            console.log('photoGallery');            
            gallery = $(this);
            viewer = $(gallery).find('.viewer');
 
            gallery.find('a').live('click',function(e){
                e.preventDefault();
                larger = $(this).attr('href');
                $(viewer).find('img').attr('src',larger);
            })
                        
        }
    });
})(jQuery);
$(document).ready(function(){
    $('.photo-gallery').photoGallery();
});
 

El problema de este intento de plugin que estoy armando, es que no me detecta las galerias individualmente.. nose como lograrlo..
Teoricamente, cada galeria deberia mostrar su la imagen en su div.viewer, y lo que hace es mostrar la foo en todos los div.viewer que encuentra..

Hay un ejemplo aquí:
DEMO GALERIA

Gracias!

[_cronos2]

OH, vale, te entendí mal Pues aquí coincido con el amigo @zerokilled, no tengo ni la más remota idea de qué está pasando con jQuery; lo mejor será esperar a que un moderador te mueva el tema al foro de frameworks, allí te ayudarán mejor
Saludos (:

[McBlink]

jaja gracias!!

Espero que algun mod lo vea y lo mueva, le voy a acomodar el titulo para que se den cuenta!

Saludos!