Member
Member
tim254   2008-05-17, 17:11
#1
I'm using the following functions on my site:

`Latest Images

<?php printLatestImages(20); ?>

<br clear="all" />

</div>

Random Images

<?php printRandomImages(10); ?>

<br clear="all" />`

However, in v1.1.5 printLatestImages showed the images in two rows and 10 columns. In version 1.1.6 it's showing them in 20 rows and 1 column. Any styling I try to apply to it doesn't changed that fact. Is there a way to get the images out of a list like that so they are display horizontally across the page? BTW: This is the way printRandomImages was in v1.1.5 as well.

--
tim
Administrator
Administrator
acrylian   2008-05-17, 17:32
#2
You can use CCS and `float: right`to get the old view back even with a list. There is a class already attached you can use. Please see the docs.

EDIT: To explain why it's a list now. You can now choose to show the title, date and description if you wish. And to already have those parts together I choose to put them into `<li>` elements. Semantically this is a list, so I found it fitting.
Member
Member
tim254   2008-05-17, 18:17
#3
Thanks!

I found the docs on printLatestImage:
http://www.zenphoto.org/documentation/zenphoto/_plugins---image_album_statistics.php.html

and printRandomImages:
http://www.zenphoto.org/documentation-official/zenphoto/_template-functions.php.html

I used this just to test it:
`<?php printRandomImages ($number=5); ($class=album); ?>`

However, I'm still getting them in a list. However, it doesn't seem to override whatever class is associated with it. Any pointers in the right direction would really be appreciated.
Member
Member
sbillard   2008-05-17, 18:40
#4
Your code should read `<?php printRandomImages ($number=5, $class="album"); ?>`
Administrator
Administrator
acrylian   2008-05-17, 20:01
#5
Actually `<?php printRandomImages (5, "album"); ?>` would be enough.

You have to make that class work yourself, it is not set up within the theme's css like this:

.class-to use ul {
do stuff
}

.class-to-us ul li {
do more stuff
}

Here is some info what you all can do with a list and css: http://css.maxdesign.com.au/listamatic/

PS: I did a quick research, `printRandomImages` was already a list in 1.1.5, I confused it with the recent change of `printLatestImages` etc.
Member
Member
tim254   2008-05-18, 16:30
#6
Thanks to your help I was able to get it to work. Here's the solution:

CSS:

`.imglatestrandom {

list-style: none;

float: left;

margin:0px 0;

}

.imglatestrandom ul {

padding:0;

margin:0;

list-style:none;

}

.imglatestrandom ul li {

list-style:none;

float: left;

padding: 0px 3px 0px;

margin:0px 0;

}`

Index.php

`Random Images



<?php printRandomImages ($number=20, $class="imglatestrandom"); ?>



<br clear="all" />






Latest Images

<?php printLatestImages(20); ?>



<br clear="all" />`

Thanks again!
  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.