How to make images display in multiple columns?

[ShinnKQ]

Hi, I'm using Admiror gallery displaying 10 images per page.

The 10 images are displayed all in 1 column, how to make the gallery to display 5 images per column? Using classic:

{AG rootFolder="/images/" thumbWidth="300" thumbHeight="220" thumbAutoSize="none" arrange="priority" backgroundColor="ffffff" foregroundColor="808080" highliteColor="fea804" frame_width="500" frame_height="300" newImageTag="1" newImageTag_days="7" paginUse="1" paginImagesPerGallery="10" albumUse="1" showSignature="1" plainTextCaptions="1" ignoreError="1" ignoreAllError="0" template="classic" popupEngine="pirobox"}PictureDirectoryHere{/AG}

[Admiror Joomla! Sponsor]

[Vasiljevski]

The gallery columns depend on the element size they are in, so if you have something like:

Code: Select all

<div width=500px>
{AG}{/AG}
</div>

and your thumb width is 300px, there is no space for two column so all images will be in one column.

Anyway, you can edit the the classic template css and set fixed size, or you can edit your Joomla template CSS and make the element that contains the gallery wider.

[ShinnKQ]

Hello! Thanks for the reply.



Now I have another question!

I am now using the Listing gallery, the text on it's right hand side can I shift it to below the pictures?

Also can I edit the text such that

Arduino-Uno.JPG
W:740px H:490px S:121.15 KB

becomes
Arduino-Uno.JPG

Thanks

[Vasiljevski]

Yes, you can make changes to index.php of the Listed template to include the text that you need and exclude the one you don;t need.

For example to remove the image info just comment out this part:

Code: Select all

    <tr><td class="ag_imageStat">
    <span>W:' . $AG->imageInfo["width"] . 'px</span>
    <span>H:' . $AG->imageInfo["height"] . 'px</span>
    <span>S:' . $AG->imageInfo["size"] . '</span>
    </td></tr>

To move text under the image, you can use CSS to make that happen.