Hover action...

ParisParis Registered Users Posts: 126 Major grins
edited August 9, 2013 in SmugMug Customization
I am tweaking away and wondering if there is a way to make the collage photos on my gallery pages fade or in some way change when the viewer hover over them?

And while I am at it, is there a way to get the menu names to also do something like change colour when hovering.

Comments

  • aschendelaschendel Registered Users Posts: 283 Major grins
    edited August 7, 2013
    This should work, although SM needs to provide better hooks - it applies to a lot more images than just the gallery ones...
    li .sm-tile {
      opacity: 1;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
    }
    
    li .sm-tile:hover {
      opacity: 0.5;
    }
    

    Andy
  • ParisParis Registered Users Posts: 126 Major grins
    edited August 7, 2013
    aschendel wrote: »
    This should work, although SM needs to provide better hooks - it applies to a lot more images than just the gallery ones...
    li .sm-tile {
      opacity: 1;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
    }
    
    li .sm-tile:hover {
      opacity: 0.5;
    }
    

    Andy

    Bravo! Thanks so much!
  • JamesbjenkinsJamesbjenkins Registered Users Posts: 435 Major grins
    edited August 9, 2013
    aschendel wrote: »
    This should work, although SM needs to provide better hooks - it applies to a lot more images than just the gallery ones...

    When why not just insert this code into the CSS box under "all galleries" and leave the rest of it alone?
    Website: www.captured-photos.com
    Proofing: clients.captured-photos.com
    Facebook: Like Me || Twitter: Follow Me
    Gear: Lots of Nikon bodies & glass, an office full of tools and toys
Sign In or Register to comment.