Welcome to RT-Themes Support Forum

If you've purchased an RT-Theme from Themeforest, you can use the forum for your support needs. You will receive much faster support because we can easily see who needs assistance, and also you’ll be able to use search to see if your problem has been solved in the past and find a fix for it without having to wait.
Tutorial RT15 How to start a Gallery lightbox from one thumb displaying multiple images
  • Hi

    The question has been asked many times how to create a full image gallery in a page from only one image visible. Well here it is the howto solution.

    1) We create a class called hidden.
    put this code into the custom css field of the styling options of the theme


    .hidden {
    display: none;
    visibility: hidden;
    }


    2) the first thumbs like this in the page.


    [auto_thumb width="150" height="150" link="" lightbox="true" align="left" title="" alt="" iframe="false" frame="true" crop="true"]http://image1.jpg[/auto_thumb]


    3) Insert the next thumbs in the page but wrap them in a div hiding them in view mode. Make sure the editor is in html or text mode while putting the div around the thumbs you want to hide.


    <div class="hidden">
    [auto_thumb width="150" height="150" link="" lightbox="true" align="left" title="" alt="" iframe="false" frame="true" crop="true"]http://image2.jpg[/auto_thumb]
    [auto_thumb width="150" height="150" link="" lightbox="true" align="left" title="" alt="" iframe="false" frame="true" crop="true"]http:/image3.jpg[/auto_thumb]
    </div>


    Best regards,
    Neo