Novato de Programación: HTML5 Imagen de la Pantalla – button onclick=

Primera vez programador de aquí, la escritura simple programa en HTML5. Parece que no puede obtener la imagen a mostrar cuando el botón es pulsado. Aquí está mi código:

<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>

Han mirado a través de un sinnúmero de sitios y foros, pero parece que no puede conseguir que funcione. Han tratado de una función alert() y que se está trabajando. Creo que debe ser algo que ver con el código para llamar en la imagen.

Primera vez programador de modo que podría parecer una idiota. Enséñame, oh gurú…

  • ¿quieres usar jquery o simplemente javascript?
  • Yo prefiero usar javascript sólo…
  • Publicado una respuesta por favor, eche un vistazo. Espero que ayude 🙂
InformationsquelleAutor Sam Ng | 2012-06-27

2 Kommentare

  1. 2

    Aprender los fundamentos primero sobre la manera correcta de llamar a la función javascript y cómo cambiar las propiedades.

    Ver mi demostración de muestra. Espero que usted va a aprender de él.

    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>
    
  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, su solución está casi allí. Si quiero que la imagen para llenar la pantalla cuando se pulsa el botón, ¿qué debo hacer?
    • Nunca la mente. Yo lo tengo ya. Gracias por ayudarme en la dirección correcta.
    • su okk Sam ….

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea