I am loving the use of the fading images in Jquery, but would like to know if this is possible. I want the first image to remain in place and visible while the second image fades in over the top. This second image would be transparent, i.e. a white background with 50% opacity and saved as a .PNG image, (but there would also be some graphics on this that were 100% - in case you were going to suggest fading it in to 50%!).
The current script I am using doesn't just fade in the second image, it seems to remove the initial image. So, how do I keep this first image visible underneath my png?
This way I only need to load one image to fade in, rather than a seperate second image for every occurance.
I am trying to make use of the mouseover accordion. I have successfully created what I want in Dreamweaver but struggling to change my website template. I think the problem is something as simple as the paths I am using to refer to the various files needed but can not for the life of me see what I have done wrong.
Is someone able to view my source files and point me in the right direction? Both of the above linked examples are on the same domain/server. One works, one doesn't... What is the difference? Could it possibly be a conflict with my use of jquery.js in another folder which I am using to create fading mouseover images?
Very confused, new to Jquery and javascript. Would appreciate any assistance.