I have been battling for a while to get a portfolio website up and running using a masonry style responsive image gallery that has a rollover state with a title that links to a subsequent page.
My portfolio page is here:
its all working nicely but my attempts to add in the hover feature with text link are not going well. I don't need anything too fancy - just of the image to turn to a solid block on mouse over (or touch on touch devices), and for some text to appear on the solid block background will link to a page.
I am using the masonry js from here:
I thought there might be some settings within the js that could provide a title hover and link but I can't find one on the site and google searches have not yielded anything.
I have been trying to build css3 rollovers into the masonry image grid but I keep breaking the grid.
Any help or gestures in the right direction would be greatly appreciated.
I can post code if required.