{"id":3687,"date":"2013-12-10T23:59:50","date_gmt":"2013-12-11T02:59:50","guid":{"rendered":"http:\/\/irisfernandez.com.ar\/betaweblog\/?p=3687"},"modified":"2013-12-10T23:59:50","modified_gmt":"2013-12-11T02:59:50","slug":"cambiar-de-imagen-al-pasar-el-mouse-sin-javascript","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2013\/12\/10\/cambiar-de-imagen-al-pasar-el-mouse-sin-javascript\/","title":{"rendered":"Cambiar de imagen al pasar el mouse sin Javascript"},"content":{"rendered":"

Este es uno m\u00e1s de esos posts que escribo casi exclusivamente para m\u00ed misma, ya que cada vez que lo necesito me pongo a buscar en Internet…<\/p>\n

Esta vez apliqu\u00e9 lo que encontr\u00e9 en este art\u00edculo:\u00a0HTML Cambio de imagen sin javascript<\/a><\/p>\n

El resultado puede verse en estos dos botones:<\/p>\n

\"Letra<\/a>::\"Letra<\/a><\/p>\n

Este es el ejemplo de c\u00f3digo para los botones anteriores:<\/p>\n

<a<\/pre>\n
onmouseover=”document.letrape.src=’http:\/\/….\/pe_verde.png'”<\/p>\n
onmouseout=”document.letrape.src=’http:\/\/….\/pe_bn.png'”<\/p>\n
href=”http:\/\/www.irisfernandez.com.ar\/betaweblog”><\/p>\n
<img alt=”Letra pe” src=”http:\/\/….\/pe_bn.png” name=”letrape” \/><\/p>\n
<\/a><\/p>\n
<a<\/p>\n
onmouseover=”document.letraeme.src=’http:\/\/….\/eme_azul.png'”<\/p>\n
onmouseout=”document.letraeme.src=’http:\/\/…\/eme_bn.png'”<\/p>\n
href=”http:\/\/www.irisfernandez.com.ar\/betaweblog”><\/p>\n
<img alt=”Letra eme” src=”http:\/\/…\/eme_bn.png” name=”letraeme” \/><\/p>\n
<\/a><\/p>\n
L<\/a>a traducci\u00f3n ser\u00eda algo as\u00ed como:<\/p>\n
<enlace<\/em><\/p>\n
onmouseover….cuando el mouse est\u00e9 sobre esta imagen, cambiar a esta otra imagen: pe_verde.png<\/em><\/p>\n
onmouseout……cuando el mouse salga de esta imagen, cambiar a esta imagen: pe_bn.png<\/em><\/p>\n
href……….destino de la imagen ><\/em><\/p>\n
<img….. imagen que se ver\u00e1 antes de que el mouse pase por encima><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
Este es uno m\u00e1s de esos posts que escribo casi exclusivamente para m\u00ed misma, ya que cada vez que lo necesito me pongo a buscar en Internet… Esta vez apliqu\u00e9 lo que encontr\u00e9 en este art\u00edculo:\u00a0HTML Cambio de imagen sin javascript El resultado puede verse en estos dos botones: :: Este es el ejemplo de … Continuar leyendo “Cambiar de imagen al pasar el mouse sin Javascript”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-3687","post","type-post","status-publish","format-standard","hentry","category-htmlcss"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/3687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=3687"}],"version-history":[{"count":0,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/3687\/revisions"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=3687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=3687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=3687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}