Javascript 鼠标悬停在文本上可更改固定位置中的图像-Wordpress

我正在制作一个wordpress页面，我想在页面底部设置一个固定的图像和3个不同的文本

我想做的是，当鼠标悬停在

Text1

上时，顶部图像发生变化，当鼠标悬停在

Text2

上时，顶部图像再次发生变化

例如：

我在网上搜索，但找不到我想要的，希望有人能帮我

你是什么意思

HTML标记

<div id="gallery2"> 
    <div id="panel"> 
        <img id="largeImage2" src="http://placehold.it/100/" /> 
        <div id="description">main image with simple links</div> 
    </div> 

    <div id="thumbs2">
        <a href="http://placehold.it/100/ff3322" >link1</a>
         <a href="http://placehold.it/100/ffc5c5">link1</a>
        <a href="http://placehold.it/100/eec777">link1</a>
        <a href="http://placehold.it/100/887744">link1</a>
    </div> 
</div> 

Css随你的便

请参阅-第二个示例是活动链接，第三个示例是锚定禁用链接

$('#thumbs2 a').hover(function(){
   $('#largeImage2').attr('src',$(this).attr('href'));
});