How to display your random images in rows.

Sidebar, Widgets Add comments

Some Lazyest Gallery users asked me if it is possible to display random images in rows and columns. The answer is yes! and it’s quite easy. Just some simple css rules should do the trick.
First step is to think about how many image columns you want to display. The images together should fit in the sidebar. The thumbnail you’ve set in Lazyest Gallery settings could be too large, so you have to set the size of your random image thumbnail in your theme style sheet.

Let’s look at the random images on this site. I’ve chosen a size of 48 pixels (the normal thumbs are 120 pixels). Three thumbs fit together in the sidebar. When I set the display rule for the <p> with class lg_thumb_image element as inline, the images display side by side.

The code I have added to my style sheet is:

#sidebar p.lg_thumb_image {
display: inline;
}


#sidebar .lg_thumb_image img {
height:48px;
width:48px;
}

BTW replace #sidebar by your sidebar’s id.

12 Responses to “How to display your random images in rows.”

  1. kristlbel says:

    I’m using the wordpress class 1.5 sidebar by Dave Shea. Which css stylesheet should I edit to get the sidebar to display 3 columns of random images? What should the stylesheet id be?

    Thanks!

  2. roger says:

    thanks for the info. i am not a programmer so these simple steps help me.

  3. Kermit Woodall says:

    I am not having any success with this. I think perhaps the theme I am using has more than just the sidebar ID needing to be referenced. The sidebar widgets have deeper nested divs than your site here has.

    Any ideas?

    Thanks.

    Kermit

  4. Is there a way to turn off the breadcrumb links at the top of the galleries?

    Kermit Woodall
    Managing Editor
    GadgetNutz.com

  5. Lara says:

    Hi, I’m using LG with Thickbox. Is it possible to see full sized images with Thickbox? Or is there a way to at least insert a link to the full sized version?
    thanks!

    • marcel says:

      Yes that is possible, but don’t let the thickbox plugin add the codes to your image links

      • Lara says:

        Thanks, Marcel. What I’m trying to get is a “full image” link placed IN the Thickbox slider, I have navigation links “next” “previous” “close” and captions. But I’d also like to give the option for the user to see the full sized version of the image (outside Thickbox) similar to SmoothBox. But the standard view would still be with Thickbox, the link to the full sized image would be somewhere in the Thickbox bottom navigation area. Is this possible? I know there is a TB_FullSize option but I don’t know how to insert it in the JS file to get this simple link in Thickbox. Any help appreciated! Thanks in advance.

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in