Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

All other Modules

Discuss all other Modules here.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

ImageGallery


Reply

3 Posts   717 Views

Avatar
aTTi

7 March 2010 at 1:20am Community Member, 19 Posts

Hey Guys!

I have a question about the Image Gallery and I was stuck in a conversion.
Theres an exercise which i can't solve.
There's only 4 Photos allowed per row, so if someone uploads 20 Photos in 1 Album it must see like:

(Photo)(Photo)(Photo)(Photo)<br>
(Photo)(Photo)(Photo)(Photo)<br>
(Photo)(Photo)(Photo)(Photo)<br>
(Photo)(Photo)(Photo)(Photo)<br>
(Photo)(Photo)(Photo)(Photo)<br>

How can i do this?

http://yfrog.com/jximagegalleryp

Sorry for my bad english

Best regards, aTTi

Avatar
banal

7 March 2010 at 2:12am Community Member, 901 Posts

There are several solutions to this. Here are two simple ones:
1) CSS: Wrap all the Photos in a block (eg. a <div>) and set it's width to four times the width of a photo plus margin. Then apply float: left to the photos.

2) PHP: Write a function that checks if the current position is a multiple of four. Look here for a recipe: http://ssbits.com/manipulating-every-nth-item-in-a-control-loop/

Avatar
UncleCheese

7 March 2010 at 3:55am 4085 Posts

Yeah, just change the width of ul#gallery_layout.