1. REGISTRATION REQUIREMENTS:

    Register with your xenforo.com Username then start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Sidebar Image Gallery - width?

Discussion in 'Showcase Support' started by RobParker, Jan 24, 2013.

  1. RobParker

    RobParker Member Showcase Sportsbook Pickem

    Hopefully this is a simple one. My sidebar is narrower than the default so the sidebar gallery images overhang.

    Where can I change the size of the thumbnails displayed there?
     
  2. Bob

    Bob Developer Staff Member

    That large sidebar image is sized by javascript. at the bottom of the item template (nflj_showcase_item), you will find a chunk of javascript that controls the heigh and width. Currently it is set to width:220 and height:170

    HTML:
            <script type="text/javascript">
                jQuery(document).ready(function() {
                    jQuery('.nailthumb-container').nailthumb({width:220,height:170,replaceAnimation:null});
                });
            </script>
     
    RobParker likes this.
  3. RobParker

    RobParker Member Showcase Sportsbook Pickem

    Cheers, that worked.

    I just wanted to check, that resize runs on every page load doesn't it? When I load the page I see the large image and then it shrinks to the correct size.
     
  4. Bob

    Bob Developer Staff Member

    Ya, it resizes dynamically on the fly. There is no way to cache it that I am aware of. Hoping that once development kicks up again that we might see more "image" type functionality down the road, plus getting jQuery upgraded within core XF will open up more options for developers as well :)
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.