Image On-State (Optional)
I have modified the default image block to have captions and css3 effects and link to internal page as I needed.
I was wondering how the Image On-State (Optional) loads the image? Is this a script which swaps the images round, or does it load the new one over the top?
As I would like to be able to add a CSS3 fade effect when you hover so its not so harsh a change? Would any one know if this is possible?
Thanks for any assistance.
dev3.frederation.com > my example of image block
<img border="0" class="ccm-image-block" alt="Banner Image Discription" src="/files/cache/b9f5efb853056ad111bfa123566b530c_f52.jpg" width="965" height="180" onmouseover="this.src = '/files/cache/d9d3a7ef83142c23a0dd00f0786be446_f53.jpg'" onmouseout="this.src = '/files/cache/b9f5efb853056ad111bfa123566b530c_f52.jpg'">
If you notice it does have point to a different image on a mouse over event.
More info on mouse over's with the img tag ->http://www.w3schools.com/jsref/event_onmouseover.asp...
Hope that helps.