Wednesday 7 August 2013

Want to add opacity overlay and text over image on click

Want to add opacity overlay and text over image on click

I want to add opacity overlay and text over images on click. To make it
more complicated, I want to have the image expanding in size as well. So
the overlay would be over the full size image not the thumbnail. The
problem is I only know CSS not Javascript or Jquery. I modified some code
on Codepen to get the image to resize on click.
http://codepen.io/coralsea/pen/InDAt
Does anyone have suggestion on how to do this? Also, I think the
transition back to the thumbnail could be more elegant. Maybe there needs
to be some kind of display:none added to the Javascript?

No comments:

Post a Comment