<div>
<div class="content wysiwyg-content">
Hi<br />
I have a menu made up of images in rows in a table. When I mouse over an image, I want a second image to appear to it's right (like a sort of flyout tab). With animation woul dbe great!<br />
Anyway, I could use position: relative; in CSS to put the flyout image where I want, but this would break the site, I need the image to float over everything else. I could use position: absolute; but I dont know know the x,y co-ordinates of the original image. Does anyone have code or a library that will make an image apear or slide in next to another image and hover over other page elements?<br />
thanks in advance
</div>
</div>


Hi
I have a menu made up of images in rows in a table. When I mouse over an image, I want a second image to appear to it's right (like a sort of flyout tab). With animation woul dbe great!
Anyway, I could use position: relative; in CSS to put the flyout image where I want, but this would break the site, I need the image to float over everything else. I could use position: absolute; but I dont know know the x,y co-ordinates of the original image. Does anyone have code or a library that will make an image apear or slide in next to another image and hover over other page elements?
thanks in advance

Make an image appear/disappear next to another image

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.