a thoughtful web.
Good ideas and conversation. No ads, no tracking.   Login or Take a Tour!
comment by mk
mk  ·  4078 days ago  ·  link  ·    ·  parent  ·  post: Image previews in main timeline posts

UPDATE: So I wasn't happy with just making the image a background-image, as it could be very difficult to see the text at times. I played around with a high opacity, and I think there might be something interesting there. However, to get opacity to work on a background-image without affecting the other children in an element, you need to do a pseudo background-opacity hack. This is fine, but in order to do it on a per-post basis, it's going to take a bit of messing around. I was trying to get a CSS-only solution, but it looks like I am going to have to use some javascript; and if I am going to do that, it might be worth doing a grayscale on the images, in order to make it less jarring.

At any rate, this is kind of fun. I am going to play around with it some more.





khaaan  ·  4078 days ago  ·  link  ·  

you can use a gif with a checkard patern set one pixel to transparent and the other to the colour of the site background overlay it over the image. But if you are goign to use javascript it would be awsome if the images faded in on rollover.

Or