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:
Para cambiar el overlay: (Este es el codigo que debo inplementar y no se donde)
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
0