JavaScript - Modificar script de galeria fancybox en elevatezoom

   
Vista:

Modificar script de galeria fancybox en elevatezoom

Publicado por Leopoldo (1 intervención) el 29/01/2014 02:32:20
Buenas,
He incorporado en mi web la galeria elevatezoom, que ha su vez integra la galeria fancybox, todo funciona OK.
Mi problema: deseo cambiar el color de fondo overlay de fancybox, y no puedo hacerlo, en otra parte de la pagina donde fancybox no esta ligada a elevatezoom si he podido hacerlo, Por favor espero su ayuda y gracias.

Mi codigo javascript:
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    $(document).ready(function () {
    $("#zoom_03").elevateZoom({gallery:'gallery_01', cursor:'crosshair', galleryActiveClass: "active",      imageCrossfade: true, lensBorderColour: "#D18DA6", zoomWindowPosition:"visor", zoomWindowWidth:527, zoomWindowHeight:503, loadingIcon: "imagenes/spinner.gif"});
    $("#zoom_03").bind("click", function(e) {
    var ez =   $('#zoom_03').data('elevateZoom');
        ez.closeAll(); //NEW: This function force hides the lens, tint and window   
    $.fancybox(ez.getGalleryList());
    return false;
    });
    });
</script>

Para cambiar el overlay: (Este es el codigo que debo inplementar y no se donde)
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
		$(".fancybox").fancybox({
			helpers : {
 
				overlay : {
					css : {
						'background' : 'rgba(209,141,166,0.4)'
					}
				}
			}
		});
	</script>
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