When I Mouse Hover Into An Image That Image Displays Into Another Div Or Table Colums?

Question

I want to an image gallery. On the left side all thumbnails are there. When i mouse hover into thumbnail, the full image will be displayed into the left side div or table. So please tell me the correct code or plugin or anything.

The image gallery exactly looks http://www.rakindia.com/products.aspx?subcat=SW-0000702

Please friends i am trying from 2 days i can't find any plugin and code. Please help me (i AM TRYING FOR MULTIPLE IMAGES)

Answer 1

I would do it inline to save overhead. You do not need a plugin for such a simple request, not even jQuery, but pure javascript.

DEMO http://jsfiddle.net/8U3C7/

Swap the src image on mouse down

<img src="myFirstImage.jpg" onmousedown="document.swap.src='myFirstImage.jpg';" />

Answer 2

Although you didn't explain yourself clearly, this is a WORKING DEMO for you. Next time try describe yourself better in English, and show people at least what you have tried not to ask for a simple solution. Uses just plain js and css.

 function updateIMG(e) {
        document.getElementById("preview").src = e;
    }

Answer 3

试试这个插件，它与您的要求非常相似： Galleriffic