Designed by Sarah

After thinking about it a little more, I was able to shorten my code significantly and keep the same effect of a b+w image fading into a color image when rolled over. This has the added benefit of only placing one thumbnail in the HTML, so there aren’t two thumbnails of each image when styles are disabled. (more…)

There is an updated version of this post. Today I created my first jQuery function. I wanted to have all the thumbnail images in my portfolio be black and white, but fade to color when you roll your mouse over it, and I accomplished it by loading two thumbnails in the same position on the page and fading one in while fading the other out. I’ve been meaning to look into jQuery for a while now, and it is pretty straightforward and simple. If you want to use the same effect, here’s what I did. (Please let me know if you have any suggestions for improvement also). (more…)