JQuery - Una galeria dentro de otra Fancybox.

   
Vista:

Una galeria dentro de otra Fancybox.

Publicado por Oscar saludos@standardinet.com (1 intervención) el 05/08/2013 18:20:34
Saludos:

Estoy usando jquery y fancybox2, para los articulos de una tiendita.

Tengo la típica lista para fancybox2 para que me saque la imagenes grandes al cliquear:

-----------------------------------------------------------------------------------------------------------------------------------------

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!-- Item Image and Filter Name -->
	<li class="item-thumbs span3 mesas">
		<!-- Fancybox - Gallery Enabled - Title - Full Image -->
		<a class="hover-wrap fancybox" data-fancybox-group="mesas" title="Gama Brenda" href="images/full/mesa-brenda.jpg">
 
			<span class="overlay-img"></span>
			<span class="overlay-img-thumb font-icon-plus"></span>
 
		</a>
		<!-- Thumb Image and Description -->
		<img src="images/full/mesa-brenda.jpg" alt="ENCIMERA: Disponible en cristal templado de seguridad de 8mm, laminado y estratificado con canto de PVC color plata y Compac o Silextone. EXTENSIONES: Un ala de cristal como encimera de 40cms. FALDÓN: Metálico en color blanco, negro o plata. Sin cajón. PATAS: Metálicas cuadradas en color blanco, negro o plata.">
		<a href="#"><span class="">Gama Brenda</span></a>
	</li>
 
	<!-- End Item Image -->
 
	<!-- Item Image and Filter Name -->
	<li class="item-thumbs span3 sillas">
		<!-- Fancybox - Gallery Enabled - Title - Full Image -->
		<a class="hover-wrap fancybox" data-fancybox-group="sillas" title="Silla Telma" href="images/full/silla-telma.jpg">
 
			<span class="overlay-img"></span>
			<span class="overlay-img-thumb font-icon-plus"></span>
		</a>
		<!-- Thumb Image and Description -->
		<img src="images/full/silla-telma.jpg" alt="Silla Telma">
		<a href="#"><span class="">Silla Telma</span></a>
	</li>
	<!-- End Item Image -->
 
	<!-- Item Image and Filter Name -->
	<li class="item-thumbs span3 mesas">
		<!-- Fancybox - Gallery Enabled - Title - Full Image -->
		<a class="hover-wrap fancybox" data-fancybox-group="mesas" title="Mesa 10." href="images/full/mesa-gala-cerrada.jpg">
 
			<span class="overlay-img"></span>
			<span class="overlay-img-thumb font-icon-plus"></span>
 
		</a>
		<!-- Thumb Image and Description -->
		<img src="images/full/mesa-gala-cerrada.jpg" alt="ENCIMERA: Disponible en cristal templado de seguridad de 8mm, laminado y estratificado con canto de PVC color plata y Compac o Silextone. EXTENSIONES: Un ala de cristal como encimera de 40cms. FALDÓN: Metálico en color blanco, negro o plata. Sin cajón. PATAS: Metálicas cuadradas en color blanco, negro o plata.">
		<a href="#"><span class="">Gama Gala</span></a>
	</li>
 
	<!-- End Item Image -->
 
	<!-- Item Image and Filter Name -->
	<li class="item-thumbs span3 sillas">
		<!-- Fancybox - Gallery Enabled - Title - Full Image -->
		<a class="hover-wrap fancybox" data-fancybox-group="sillas" title="Silla Milán" href="images/full/silla-milan.jpg">
 
			<span class="overlay-img"></span>
			<span class="overlay-img-thumb font-icon-plus"></span>
		</a>
		<!-- Thumb Image and Description -->
		<img src="images/full/silla-milan.jpg" alt="Silla Milán">
		<a href="#"><span class="">Silla Milán</span></a>
	</li>
	<!-- End Item Image -->
 
	<!-- Item Image and Filter Name -->
	<li class="item-thumbs span3 mesas">
		<!-- Fancybox - Gallery Enabled - Title - Full Image -->
		<a class="hover-wrap fancybox" data-fancybox-group="mesas" title="Mesa Katia" href="images/full/mesa-katia.jpg">
 
			<span class="overlay-img"></span>
			<span class="overlay-img-thumb font-icon-plus"></span>
		</a>
		<!-- Thumb Image and Description -->
		<img src="images/full/mesa-katia.jpg" alt="Mesa Katia">
		<a href="#"><span class="">Gama Katia</span></a>
	</li>
<!-- End Item Image -->

-----------------------------------------------------------------------------------------------------------------------------------------

La idea que tengo, es que al cliquear una imagen determinada (ejemplo mesa gala cerrada, se me aparezca la imagen, con otras imagenes relacionadas debajo, y que al cliquear cualquiera de las imagenes relacionadas se me aparezca en escenario de la imagen seleccionada primeramente....

Espero haberme explicado bien.

He probado fancybox2 manually, pero la verdad, algo no hago bien porque no se me abre la imagen.

Un abrazo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder