Newbie-Programmierung: HTML5-Display-Bild - button onclick=

Ersten mal Programmierer hier schreiben, einfach das Programm auf HTML5. Kann nicht scheinen, um Bild angezeigt werden soll, wenn die Schaltfläche geklickt wird. Hier ist mein code:

<p>
    <center>
    <button onclick="DeadTest()">
    <img src="BeginTest.gif"/></button></center></p>

    <script language="javascript" type="text/javascript">
        function DeadTest() 
        {
            <img style="border-width: 0px;" src="White.jpg" width="768" height="1280" />
        }
    </script>

Haben sich durch unzählige Websites und Foren, aber kann einfach nicht scheinen, um es zu arbeiten. Habe versucht ein alert () - Funktion und es funktioniert. Ich denke, es muss etwas zu tun mit dem code aufrufen, auf das Bild.

Ersten mal Programmierer so könnte es Aussehen schwachsinnig. Lehre mich, oh guru ' s...

  • wollen Sie jquery verwenden oder einfach nur rein javascript?
  • Ich würde es vorziehen, javascript zu verwenden, nur...
  • Gepostet eine Antwort bitte haben Sie einen Blick. Hoffe es hilft 🙂
InformationsquelleAutor Sam Ng | 2012-06-27
  1. 2

    Lernen Sie zuerst die Grundlagen, wie man richtig rufen Sie die javascript-Funktion und wie man die Eigenschaften ändern.

    Siehe mein Beispiel-demo. Hoffe, Sie werden daraus lernen.

    http://jsfiddle.net/NgryM/1/

    <script  type="text/javascript">
    function ButtonClick() 
    {
        alert('Button was clicked');
    }
    function ImageClick(){
        alert('Image was clicked');
    }
    function ChangeImageSrc(){
        var img = document.getElementById('myImage'); 
        img.src = "http://www.ivankristianto.com/wp-content/uploads/2011/05/Javascript.gif";
    }

    function ChangeSize(){
        var img = document.getElementById('myImage'); 
        img.height = "80";
        img.width = "40";    
    }

    </script>
<p>
    <center>
        <input type="button" onclick="ChangeImageSrc()" value="Change Image Src"/>
        <input type="button" onclick="ButtonClick()" value="Test Button Click"/>
        <input type="button" onclick="ChangeSize()" value="Change Size"/>
        <img id="myImage" src="http://www.mmncs.com/wp-content/uploads/javascript_logo.gif" onclick="ImageClick()"/>    
    </center>
</p>
    InformationsquelleAutor Carls Jr.
  2. 1
    <p><center><button style="background:url('Login_Button.png');width:86px;height:45px" onclick="DeadTest()"></button></p>
<div><img id="img1"  style="visibility:hidden" src="a3.jpg" width="768" height="1280" /></div>
<script>
    function DeadTest(){
        document.getElementById('img1').style.visibility='visible';
    }
</script>
    • Amar, deine Lösung ist fast da. Wenn ich will, das Bild zu füllen den Bildschirm, wenn auf die Schaltfläche geklickt, was muss ich tun?
    • Nie Verstand. Ich habe es bereits. Dank für führende mich in die richtige Richtung.
    • seine okk Sam ....
    InformationsquelleAutor Amar
Schreibe einen Kommentar