Question

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

我想要做的是，当鼠标悬停在Text1上时，顶部图像会发生变化，当鼠标悬停Text2时，顶部图像会再次发生变化。

示例：http://fr.muaythaitv.com/pages/helpcenter/advertise.php

我在互联网上搜索但是找不到我要找的东西，希望有人可以帮助我！

Answer 1

你的意思是like this？

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>

jQuery：

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

Css at your will ..

请参阅Here again - 第二个示例是实时链接，第三个是锚定禁用链接。

鼠标悬停在文本上更改修复位置中的图像 - Wordpress

1 个答案: