1. Mick West

    Mick West Administrator Staff Member

    The image below has a slider you can move that will show two version of an image, a before and after.

    [​IMG] [​IMG]


    To do this yourself, simple add two images, one after the other, and then enclose them in [compare][/compare] tags, like

    [compare]
    ... image 1 ...
    ... image 2 ...
    [/compare]

    You can use linked images, or attached images, just like normal.

    The images should be the same size, but will simply overlay at the left and bottom edges if not.

    After editing a page with one of these, you may need to refresh the page before the images show up.
     
    Last edited: Jul 29, 2014
    • Useful Useful x 4
    • Informative Informative x 2
    • Like Like x 1
    • Winner Winner x 1