0

次のコードを調整して、既存の画像にカーソルを合わせると、その画像が変更されるだけでなく、サイトの別の場所の画像も変更されるようにしています。

これは私が使用しているものです（対応するjavascriptを使用）...

<figcaption class="content"><a class="typeB" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../graphics/life2.jpg',1)"><img src="../graphics/life1.jpg" width="300" height="25" id="Image1"/></a>
</figcaption>

したがって、上記のコードは、「life2.jpg」にカーソルを合わせると「life1.jpg」に変更するように指示しています...しかし、「life2.jpg」にカーソルを合わせると「life4.jpg」も変更されるように追加したいと思います」から「life3.jpg」へ。

よろしくお願いします！:)

C*

4

1 に答える 1

0

次のようなすべてのアクションでJavaScriptを呼び出します。

<!DOCTYPE html>
<html>
<head>

<script>
function MM_swapImage(){ 
    document.getElementById("Image1").src = Image1.src.replace("http://bit.ly/12DYRi4", "http://bit.ly/T4xkFG");
    document.getElementById("Image2").src = Image2.src.replace("http://bit.ly/12DYRi4", "http://bit.ly/T4xkFG");   
}

function MM_swapImgRestore(){  
    document.getElementById("Image1").src = Image1.src.replace("http://bit.ly/T4xkFG", "http://bit.ly/12DYRi4");
    document.getElementById("Image2").src = Image2.src.replace("http://bit.ly/T4xkFG", "http://bit.ly/12DYRi4"); 
}
</script>

<head>  
<body>

<figcaption class="content">
       <a class="typeB" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage()">
           <img src="http://bit.ly/12DYRi4" width="50" height="50" id="Image1"/>
       </a>
       <br><br>
       <img src="http://bit.ly/12DYRi4" width="50" height="50" id="Image2"/>
</figcaption>

</body>
</html>

jsfiddleで実際の動作を確認できます：http：//jsfiddle.net/EW4ZZ/2/

これで始められるはずです。

于 2012-12-21T11:58:16.430 に答える