Hi All,
Got a couple Questions related to the Title/Description that pops up in the SmoothGallery caption box known as .slideInfoZone
#1 - Is there a way to add <a href=""> links into the text of either the title or description areas of maxigallery and have the link showup as a link rather than just showing the code like it does now?
#2 - Is there a way to control the opacity of the text that appears in the .slideInfoZone box SEPARATELY from the opacity of the caption box itself? I’ve set the opactiy for the box with this parameter - &smoothgallery_slideInfoZoneOpacity=`.8` - but that also makes the text mroe transparent which is kind of annoying.
Let me know if you have any thoughts on these two issues. Thanks~
-Nick
Please post smoothgallery related questions to it’s forum:
http://smoothgallery.jondesign.net/forums/
"He can have a lollipop any time he wants to. That's what it means to be a programmer."
No one is responding over at the smooth gallery forums..seems to be tough to find help over there.
If Anyone has gotten links to showup correctly in your image descriptions using the Smoothgallery and Maxi please let me know how!
Well.. What have you tried currently? At least you have to first take the :htmlent phx modifier out of maxigallery templates so that the html code doesn’t get mangled into html entities.. Have you done that?
"He can have a lollipop any time he wants to. That's what it means to be a programmer."
Awesome Doze - figured it out. Took out the htmlent section from the <p> tag for smooth gallery in gallerypicturetpl.html and it looks to be good to go! Thanks SO MUCH for you help.
One last question - do you know of a way to control the opacity of the description text SEPARATELY from the opacity of the background the text sits on?
Look at maxigallery wiki page. In the parameters list, find the parameters that have "tpl" in them. There’s a description for each template that what’s it for and where is the default template.
The one you need to modify is galleryPictureTpl and at the top of the default template, there is a section for smoothgallery display type. In that section, you want to remove those :htmlent modifiers from the maxigallery.picture.title and maxigallery.picture.descr placeholders, because that modifier makes maxigallery turn all html code into html entities in title and description output.
"He can have a lollipop any time he wants to. That's what it means to be a programmer."
Sorry Doze, figured it out just before your last post, but thanks again!
Yep, good that you got it working.
For the description text opacity issue.. do you mean the text entry? They are just normal html elements, title is wrapped in h2 and description in p tags.
The css is in /assets/snippets/maxigallery/smoothgallery/css/jd.gallery.css
And the relevant parts:
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 80%;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}
.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 60%;
margin: 2px 5px;
color: #eee;
}
So you can change the p color for example. If you want to add some opacity to the element itself, you need to dig in to smoothgallery js code, eg. /assets/snippets/maxigallery/smoothgallery/js/jd.gallery.js around line #540. It’s pretty self explanatory how to add opacity to the paragraph element by looking how it’s done to the info div there.
"He can have a lollipop any time he wants to. That's what it means to be a programmer."