We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 23849
    • 223 Posts
    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
      Nick Hoag
      Creative Partner
      The FutureForward

      http://thefutureforward.com
      • 7923
      • 4,213 Posts
      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."
        • 23849
        • 223 Posts
        Great, thanks Doze!
          Nick Hoag
          Creative Partner
          The FutureForward

          http://thefutureforward.com
          • 23849
          • 223 Posts
          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!
            Nick Hoag
            Creative Partner
            The FutureForward

            http://thefutureforward.com
            • 7923
            • 4,213 Posts
            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."
              • 23849
              • 223 Posts
              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?
                Nick Hoag
                Creative Partner
                The FutureForward

                http://thefutureforward.com
                • 7923
                • 4,213 Posts
                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."
                  • 23849
                  • 223 Posts
                  Sorry Doze, figured it out just before your last post, but thanks again!
                    Nick Hoag
                    Creative Partner
                    The FutureForward

                    http://thefutureforward.com
                    • 7923
                    • 4,213 Posts
                    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."