Js

<html >
    <head>
        <title>
            Img
        </title>
        <link rel="stylesheet" type="text/css" href="c.css"/>
    </head>
    <body>
        <div>
            <img id="large" alt="img" src="imges/1.jpg" />

            <br/>
            <hr/>
            <img onmouseover="javascript: document.large.src='imges/1.jpg'" alt="img1" src="imges/1.jpg"/>
            <img onmouseover="javascript: document.large.src='imges/2.jpg'" alt="img2" src="imges/2.jpg"/>
            <img onmouseover="javascript: document.large.src='imges/3.jpg'" alt="img3" src="imges/3.jpg"/>
        </div>

    </body>
</html>