2 Replies Latest reply: Aug 14, 2013 6:48 AM by adamo1986 RSS

    Help me please, problem with image transition

    adamo1986

      Hi everybody,

       

      For the past few months I have started teaching myself how to use dreamweaver. So far I have had a couple problems my limited knowledge just cant figure out and hoped somebody out there could shed a little light on it.

       

      I am currently making a small portfolio site for my girlfriend but am having a few problems with trying to get the gallery the way she wants it. She want a black and white image to transition into colour on mouse over with small textbox to appear on mouseover also. I could not create a simple rollover image as she wanted the fade in and fade out to be slightly slower.

       

      The rather simple idea I had for this was to create a div with a background image which would be the colour version. A black and white version imported over the top which transitions out to 0 opacity on mouseover.

       

      The problem I have is when the mouse is removed and the mouseout behavior begins to bring the black and white version back. If the mouse is moved over image too quickly there seems to be a conflict between the 2 transitions and it begins to jump a little. You can have a look for yourself:


      http://www.emmatait.com/gallery.html

       

      I thought maybe if there was some code I could write in that would only make the mouseout behavior begin after all other functions were complete it would solve this but unfortunately I have no idea how to even go about this.

       

      Any help would be appreciated.

       

      Thanks all

       

      Adam