[SOLVED] Navigation arrows in fancybox always there?

[gasemans]

I need some help with the fancybox in the gallery module

Default the navigation arrows fade away until you hover over them with the mouse
But i want the vissible at all times.

I have googled for this thing and i found this

http://groups.google.com/group/fancybox ... 882/?pli=1

Now i am trying to do this but i am getting confused

This is the part that i think has to be changed
But at the moment i dont see how (bad night sleep i think

Code: Select all

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;

Any one who is more awake then me and can help me out here?

Versions :

CMSMS : 1.8.1 "Mankara"
Gallery : 1.3.2

[Jos]

Maybe delete the line display: none; from #fancybox-left, #fancybox-right {

edit:
That wasn't a good idea 

Try to delete the :hover from the last three css declarations you quoted here

[gasemans]

That results in no arrows at all

[Jos]

I tested it... deleting the :hover works for me 

[gasemans]

I tested it... deleting the :hover works for me 

WTF

did it again
But i dont have an arrow then

can you post me your css file?

[Jos]

Just changed the

Code: Select all

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

to

Code: Select all

#fancybox-left, #fancybox-right {
	visibility: visible;    /* IE6 */
}

#fancybox-left span {
	left: 20px;
}

#fancybox-right span {
	left: auto;
	right: 20px;
}

From the original Gallery-template Fancybox version 1.3.1-1

[gasemans]

OMG

It did work the first time
But i had a caching issue from my works firewalls 

Thanks dude

Got it working now