1

画像のボタンを押すと表示されるJavaScript可視化機能を作ろうとしています。画像は表示されません。ボタンが押されたときにのみ表示したいので、画像を非表示にしています。これを修正するにはどうすればよいですか?

<html>
<head>
<style type="text/css">
#xbone {
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
}
#ps4 {
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
}
#wiiu {
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
}
</style>
<script type="text/javascript">
function xbox()
    {
        document.getElementById("xbone").style.visibility="visible";
    }
    funtion sony()
     {
        document.getElementById("xps4").style.visibility="visible";
    }
    funtion nintentdo()
     {
        ddocument.getElementById("wiiu").style.visibility="visible";
    }
</script>
<img id="xbone" src="http://assets1.ignimgs.com/vid/thumbnails/user/2013/06/19/XboxOne1.jpg" alt="Xbox One" width="800" height="600">
<img id="ps4" src="http://gamingbolt.com/wp-content/uploads/2013/06/ps4-hd-wallpapers.jpg" alt="Playstation 4" width="800" height="600">
<img id="wiiu" src="http://www.digitaltrends.com/wp-content/uploads/2012/09/Wii-U.jpg" alt="Wii U" width="800" height="600">
<input type="button" value="XBox One" onclick="xbox()">
    <input type="button" value="Playstation 4" onclick="sony()">
        <input type="button" value="WII U" onclick="nintendo()">
</head>
<body>

</body>
</html>
4

4 に答える 4

1

最初の本当の答え：

<div style = "visibility:hidden" id = "xbone"><img src = "xbone.jpg" /></div>
<button type = "button" 
onclick = "document.getElementById("xbone").style.visibility =
"visible"">Display XBONE</button>

ただし、文法エラーも確認して修正してください。

于 2013-10-19T04:22:57.233 に答える
0

この投稿を確認してください-JavaScriptで画像を表示/非表示

また、html 構造が正しくありません。次のようにする必要があります。

<html>
    <head>
        <style type="text/css">
        </style>
            <script type="text/javascript">
            </script>
    </head>
<body>

    <!-- all content goes here -->

</body>
</html>
于 2013-10-19T03:21:31.930 に答える
0

単なるアイデアです... RGB (lsb) などのステガノグラフィ手法を使用して、画像を別の画像の中に隠します。ボタンを押すたびに、ステガノグラフィーの逆が機能し、隠された画像が表示されます。私はPythonでstepicを使用し、問題なく動作しました.Javaについてはわかりません。役に立たない場合は申し訳ありませんが、まだ新しいです:)

于 2013-10-19T02:56:33.920 に答える
0

タイプミスが多いですね。

funtion nintentdo()する必要がありますfunction nintendo()

ddocument.getElementById("wiiu")する必要がありますdocument.getElementById("wiiu")

また、 imgs と入力を から取り出して、<head>に配置する必要があります<body>。

于 2013-10-19T03:09:02.727 に答える