By carlbowles100 on

Hello

I have a content type called case study which is used to add details about projects we have done for clients. This content type has field which allows 1 image to be uploaded per node.

I now need a block on my homepage which looks like the one on this page (the bit just under the four green boxes):

http://www.jbidigital.co.uk/

So I want to basically be able to output using views the 5 recently added case studies as diff sized images, which when hovered over, an overlay appears which says 'View' or something, ii could probably do this bit with a bit of css, but how canI output the images as diff sizes and get it to loook nice like the jbidigital.co.uk one?

Thank you for reading.

⋅ Categories: Drupal 7.x

Comments

VM’s picture

VM commented

I don't see a module that does what you ask. You'll need to look into some jquery I'd think. I'd likely start with jquery masonry.

pixelsweatshop’s picture

pixelsweatshop commented

See the Masonry API https://www.drupal.org/project/masonry_views