Advanced Users

This page will document some advanced features of the Mini gallery for PmWiki. Note that these features allow a great flexibility, but may be more difficult to use. They are therefore only advised to advanced wiki users.

(:mini m9=90x45 m8=50x75 m7=40x40 m6=0x60 m5=0x150:)
Horizontal thumbs 90x45 pixels (with Mini9 m9=90x45) :
mini9:*

Vertical thumbs 50x75 pixels (with Mini8 m8=50x75) :
mini8:*

Square thumbs 40x40 pixels (with Mini7 m7=40x40) :
mini7:*

Fixed height 60px, proportional width (Mini6 m6=0x60) :
mini6:*

Horizontal thumbs 90x45 pixels (with Mini9 m9=90x45) :

Hurricane Dennis on July 7 2005 1550 UTCimage01image03image04ISS Aug2005Kaernten CoA.svgM104 ngc4594 sombrero galaxy hi-resmonde

Vertical thumbs 50x75 pixels (with Mini8 m8=50x75) :

Hurricane Dennis on July 7 2005 1550 UTCimage01image03image04ISS Aug2005Kaernten CoA.svgM104 ngc4594 sombrero galaxy hi-resmonde

Square thumbs 40x40 pixels (with Mini7 m7=40x40) :

Hurricane Dennis on July 7 2005 1550 UTCimage01image03image04ISS Aug2005Kaernten CoA.svgM104 ngc4594 sombrero galaxy hi-resmonde

Fixed height 60px, proportional width (Mini6 m6=0x60) :

Hurricane Dennis on July 7 2005 1550 UTCimage01image03image04ISS Aug2005Kaernten CoA.svgM104 ngc4594 sombrero galaxy hi-resmonde

In the above examples, lowercase mini9: is used, and as expected, it produces no links. If it were capitalized Mini9:, there would be links and a slideshow.

Square frames with white margins

This tests for square frames. Note: "Mini5" dimensions are set to 0x150, and in the CSS below the width and height of the link frame are also 150px.

>>square-frames<<
Mini5:*
>><<
Hurricane Dennis on July 7 2005 1550 UTCimage01image03image04ISS Aug2005Kaernten CoA.svgM104 ngc4594 sombrero galaxy hi-resmonde

Here is the CSS:

 M.AdvancedUsers
.square-frames .minilink {
    display: inline-block;
    width: 150px;
    height: 150px;
    border: 1px solid #888;
    position: relative;
    margin: .5em .5em;
    box-shadow: 4px 4px 4px #888;
}
.square-frames .minilink img {
    margin: 0;
    border: none;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}