Hi there, I don't know if u can help me.... I'm trying to edit the buttons of the fancy box (left & right, for scrolling photos ) in order to stay always visible, not only when you pass the mouse over the borders. Some peoples just look at the first pic and close the fancybox..
Tnx in advance for any tips

Did it editingg jquery.fancybox.css like this :


a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: block;
background-image: url(data:image/gif;base64,AAAA);
outline: none;
}

span#fancy_left_ico {
left: 20px;
background: transparent url('fancy_left.png') no-repeat;
}

span#fancy_right_ico {
right: 20px;
background: transparent url('fancy_right.png') no-repeat;
}

/*You may just delete the following selectors:*/
a#fancy_left:hover {
/*visibility: visible;*/
}

a#fancy_right:hover {
/*visibility: visible;*/
}

a#fancy_left:hover span {
/*left: 20px;*/
}

a#fancy_right:hover span {
/*right: 20px;*/
}

Thanks for posting the solution for others who may want to do the same thing