[Plugin: NextGEN Gallery] Thumbnail suggestion

  • Resolved bernhard-reiter

    (@bernhard-reiter)


    15 years, 3 months ago

    I’d request a thumbnail option that
    * resizes the image proportionally to fit into a given frame (as is already present)
    * then pads the image to fill exactly that frame (transparently, or, if not supported by the image format, with a configurable color, by default ideally with the WP theme background color) — compare this to a “resize canvas” operation.

    This would yield a proportional, uncropped thumbnail that because of its padding still has fixed dimensions. Looks much better if a gallery contains lots of images with different dimensions than the unpadded version; and it’s good in case the cropped thumbnails aren’t desirable either.

Viewing 1 replies (of 1 total)
  • Thread Starter bernhard-reiter

    (@bernhard-reiter)

    15 years, 2 months ago

    Nevermind, I found a pure-CSS solution. In ngg_shadow.css, replace the “Gallery style” section with the following:

    /* ———– Gallery style ————-*/

    .ngg-galleryoverview {
    margin-top: 10px;
    width: 100%;
    clear:both;
    display:block !important;
    }

    .ngg-gallery-thumbnail-box {
    float: left;
    display: block;
    width: 110px; /* 100 + 10 */
    height: 85px; /* 75 + 10 */
    background: url(shadowAlpha.png) no-repeat bottom right !important;
    background: url(shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    }

    .ngg-gallery-thumbnail {
    float: left;
    margin: -6px 6px 6px -6px;
    width: 100%;
    height: 100%;
    }

    .ngg-gallery-thumbnail a {
    display: table-cell;
    vertical-align: middle;
    width: 110px;
    height: 85px;
    background-color: #FFFFFF;
    border:1px solid #A9A9A9;
    position:relative;
    }

    .ngg-gallery-thumbnail img {
    margin: auto;
    display: block;
    }

    .ngg-gallery-thumbnail a:hover {
    background-color: #A9A9A9;
    }

    .ngg-gallery-thumbnail span {
    display:none;
    }

    .ngg-clear {
    clear: both;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: NextGEN Gallery] Thumbnail suggestion’ is closed to new replies.