0

同じ基本画像から複数のロールオーバーが必要な Web ページで作業しています (ページ全体に分散された複数の黒いピクセル - ポップアップ効果のようなもの)。これを行う最も簡単な方法は、すべてのロールオーバー画像を含む配列と、ベース画像 (pixel.png) を含む配列を持つことだと思います。画像を表示するのにも多くの問題がありましたが、背景画像が表示されたので、ロールオーバーを機能させることができません。開発者/デバッグを使用してクロムでトラブルシューティングを試みましたが、サイコロはありません-エラーメッセージも表示されません。関数を適切に呼び出さないような単純なものだと思いますが、それを見ることができません..

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
            var revert = new Array('pixel.png');
            var inames = new Array('black1off.jpg', 'black2off.jpeg');

         //preload
            if (document.images) {
                var flipped = new Array();
                  for(i=0; i< inames.length; i++) {
                        flipped[i] = new Image();
                        flipped[i] = "media/"+inames[i];
                      }
                    }

            function over(num) {
              if(document.images) {
                revert[num] = document.images[inames[num]];
                document.images[inames[num]] = flipped[num];
              }
            }
            function out(num) {
              if(document.images) {
                document.images[inames[num]] = revert[num];
             }              
            }

 </script>
 </head>
 <body>
 <body bgcolor="#000000">

    <img src="media/pixel.png" name="pixel" height="50px" width="50px" style="position:absolute; top:30px; left:50px;" onMouseOver="over(0)" onMouseOut="out(0)">
    <img src="media/pixel.png" name="pixel" height="50px" width="50px" style="position:absolute; top:30px; left:200px;" onMouseOver="over(1)" onMouseOut="out(1)"> 
  </body>
  </html>
4

1 に答える 1