Error on the gallery Highslide JS (Image Only)

[Jan]

Hi, thank you for the info.

[marpleweb]

I've just run into this problem on a new installation of Joomla 3.3.6. I've been using Phoca for years with the plugin and multiple articles in blog view with multiple galleries. I've a strong preference for Highslide JS (Image Only) and I really hope a cure for this can be found please.

[Jan]

Hi, did you test the solution displayed in previous post

Jan

[sebastien83]

Hi,
Try this in your css file :
.highslide-controls {
display:none;
}
.highslide-container .highslide-wrapper div.highslide-controls {
display:block;
margin-left: -50%;
}

Seb

[lucas3001]

Hi,
Try this in your css file :
.highslide-controls {
display:none;
}
.highslide-container .highslide-wrapper div.highslide-controls {
display:block;
margin-left: -50%;
}

Seb

hello!

i have the same issue with joomla 3.3 and phoca 4.1.1
I have images display in the article via phoca-plugin.
If i click on an image the higslide works fine, but in the top left corner there is that bar.
If I close the highlide, the bar is still there.
If i open again an image, a new control bar is added below the previous one, and remains there....

i have tried to add these lines, but still have the same problem: now the controls have completely gone! even below the image, where i'd like they remains

maybe I missed something in putting these lines... this is my actual css file

Code: Select all

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
display:none;
	/*width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;*/
}
.highslide-container .highslide-wrapper div.highslide-controls {
display:block;
margin-left: -50%
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}

is there the possibility to avoid the top left control mantaining the ones below the image?
thank you

[Jan]

Hi, the problem is, I cannot say, I don't get such problem on my test server and I hope the solution which provided the user in previous post can help and from the history of this topic, it seems that it helped Unfortunately I cannot test it

Jan

[lucas3001]

ok I understand.
Thank you !

[Jan]

Hi, I did some more testing and got the same problem.

Adding this code:

Code: Select all

.highslide-controls {
display:none;
}
.highslide-container .highslide-wrapper div.highslide-controls {
display:block;
margin-left: -50%;
}

solved it for me. So I have added it to Phoca Gallery 4.2.1

Jan