IntroductionDid usted sabe que usted puede cambiar el valor de una fuente de imagen HTML atribuir? Si usted hace esto, la imagen que aparece en el navegador cambiaría. En este artículo voy a mostrar los efectos de cambiar el valor del atributo origen de la imagen tag.You necesitan conocimientos básicos de HTML, CSS y JavaScript para poder entender este article.Note: Si no puede ver el código o si usted piensa falta algo en este artículo (enlace roto, la imagen ausente), simplemente en contacto conmigo en [email protected].
Es decir, en contacto conmigo para el más mínimo problema que tenga acerca de lo que son elemento reading.HTML ElementAn HTML es producido por una o dos etiquetas. Un elemento HTML es un componente de la página Web que se ve en el navegador. La imagen, por ejemplo, se produce por una etiqueta. El elemento de párrafo en la otra parte es producido por dos etiquetas (tag iniciar y final). La presentación de un elemento se produce por CSS. Presentación: la apariencia, posición y tamaño de una imagen element.
The elementa sencilla etiqueta para el elemento de imagen es la siguiente: Con esta etiqueta de imagen, la presentación CSS estaría dada por algo así como img # ID {width: 200px; altura: 200px} En esta presentación en particular no se le da la posición, pero se da el tamaño. Bajo esta condición, si cambia el valor del atributo src verá una imagen diferente en el navegador. Esta característica es muy útil. Cambio de la Fuente AttributeThe DOM y JavaScript permiten cambiar el valor del atributo origen de la imagen. La sintaxis es: document.getElementById (ID) .src = URLThe expresión, "document.
getElementById (ID)" devuelve una referencia al objeto de la imagen. "src" es la propiedad de origen del objeto de la imagen. ID y URL deben ser cada uno entre comillas. ID es el identificador de la imagen object.Resulting simplificado CodeIf no fuera posible cambiar el valor del atributo de origen de una imagen, a continuación, cambiar una imagen que tendría que cambiar toda la etiqueta. Esto llevaría a una más complicados code.Advantages de cambiar el valor de la Fuente atributo-Conduce a una simplificada code.- Se mantiene la presentación de la imagen original.
Cuando se cambia el valor del atributo de origen, se mantiene el tamaño y la posición de la imagen anterior. Esto puede ser muy útil en una galería de imágenes donde usted tiene que presentar una imagen de tamaño grande para diferentes images.ExampleWhen hacer clic en el botón del código siguiente, la imagen mostrada cambiaría. Pruebe el código con dos de sus propias imágenes. La imagen y el botón se encuentra en un elemento de objeto HTML. La imagen está en otro elemento de objeto anidado en el objeto externo. El objeto exterior está flotando correcta ". https://www.w3.
org/TR/xhtml1/DTD/xhtml1-strict.dtd">