Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    masonry with hover/touch state and link

    Hello!

    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:

    http://airbase.adamcrohill.com/portfolio/

    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:

    http://masonry.desandro.com

    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.

    Best wishes,

    Adam.

  • #2
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    solved

    I solved the problem in the end using a hidden div and a js script to toggle the visibility on mouse over.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •