troubleshooting Question

Displaying Images in a Grid

Avatar of ericlockshine
ericlockshineFlag for United States of America asked on
Web Servers
13 Comments1 Solution216 ViewsLast Modified:
Hi All,

I have a set of images that I want to display on a web site.  This web site is composed of cells.  Each cell is the same size and there are a specific number of rows and columns.

I will have image names loaded in a database that I want to display on the fly.  But here is the problem.  Each image may not be 1 cell. It may be a 2x2 cell image (4 cells) or it may be a 4x1 (also 4 cells) or it may be any size.  The only rule is that the images in the cells need to be next to each other.

To further explain:
I have a 10 row by 10 column grid, each numbered going across (so row 1 would be cells 1 to 10, row 2 would be cells 11 to 20, etc.)
I have 1 image in cell 1 that is 1 cell wide by 1 cell high.
I have 1 image in cells 2, 3, 11, 12, 13 (so it basiclly surounds the image in cell 1).
I have 1 image in cells 9 & 10 and 19 & 20 (a 2x2)
The other cells would be blank having no image loaded

How can I program this to display in the grid properly?

The database is pre-loaded with all cells accounted for so the looping can be done with the cfquery tag.  

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 13 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 13 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros