I'm using the Pagelines framework on a website that I'm building and I'm having problems trying to create a hover overlay over a grid of images.
This is what I am trying to achieve:
The instructions to implement this is here:
I want to feature a grid of 16 images (4x4) on the page, have this effect when you hover and then link each image to relevant page content when you click through.
So far, I have added the CSS and saved and uploaded a JS file via FTP. Since I only want this to feature on one page, I tried inserting a link to the JS in the page content. I have created a layout using the grid system and just need a few pointers on how to implement the code into my layout to get it to work correctly.
Heres a link to the page…