CODEWITHSUNDEEP
jqueryhtmlcssplugins
Renee Rose-Perry
Renee Rose-Perry

Reputation: 222

Anyone know of a jQuery Plugin that arranges images like Google Images?

*I do not want Masonry.

If you notice the way Google Images works, the images are 'resized' to align perfectly within the container. In other words the right and left sides are aligned.

When you resize your browser window the images adjust to maintain the look.

I'm interested in the way the images are loaded onto the page, not what happens after you click on them.

Upvotes: 0

Views: 970

Answers (2)

Drew Dahlman
Drew Dahlman

Reputation: 4972

I wrote a jQuery plugin that creates a perfect grid using randomly sized elements - you can control the size if you'd like. It's job is to fill in any empty gaps that come from a masonry or isotop layout. Can be fluid or static, supports gutters, also allows for strict typing sizes.

https://github.com/DrewDahlman/Mason

an example - https://drewdahlman.com/experiments/mason/example/fluid_gutters.html

One note is that it requires filler blocks which can be setup however you'd like, or it will copy and duplicate random blocks from the grid.

Upvotes: 0

Renee Rose-Perry
Renee Rose-Perry

Reputation: 222

I used this:http://webdesignledger.com/tutorials/create-a-resizable-image-grid-with-jquery

And then put each of those elements inside a container with masonry.

Also each of my images have the same height but varying widths.

Upvotes: 1

Related Questions