{"id":499,"date":"2019-04-06T15:35:17","date_gmt":"2019-04-06T15:35:17","guid":{"rendered":"https:\/\/www.josejavierfm.es\/blog\/?p=499"},"modified":"2019-04-06T15:36:14","modified_gmt":"2019-04-06T15:36:14","slug":"cargar-una-imagen-si-falla-la-principal","status":"publish","type":"post","link":"https:\/\/www.josejavierfm.es\/blog\/2019\/04\/06\/cargar-una-imagen-si-falla-la-principal\/","title":{"rendered":"Cargar una imagen si falla la principal"},"content":{"rendered":"<p>Si en nuestra pagina cargamos una imagen que no est\u00e1 en nuestro servidor nos arriesgamos a que esa imagen deje de estar disponible y nos encontremos que no carga y nuestra web quede fea.<\/p>\n<p>Para evitar eso podemos indicar una imagen de \u00abreserva\u00bb que se cargar\u00e1 si no lo hace la principal.<\/p>\n<p>Para ello definimos una funci\u00f3n javascript:<\/p>\n<pre>&lt;script&gt;\r\n    function imgError(image,url) {\r\n    image.onerror = \"\";\r\n    image.src = url;\r\n    return true;\r\n}\r\n&lt;\/script&gt;\r\n<\/pr\r\nY en el c\u00f3digo de la imagen a\u00f1adimos la condici\u00f3n de error:\r\n<pre>&lt;img src=\"http:\/\/www.imagenquepuedefallar.com\/imagen\/image.png\" onerror=\"imgError(this,'image\/generic.png')\"\/&gt;\r\n<\/pre>\n\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=josejavierfm\" class=\"twitter-share-button\">Twittear<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si en nuestra pagina cargamos una imagen que no est\u00e1 en nuestro servidor nos arriesgamos a que esa imagen deje de estar disponible y nos encontremos que no carga y nuestra web quede fea. Para evitar eso podemos indicar una imagen de \u00abreserva\u00bb que se cargar\u00e1 si no lo hace la principal. Para ello definimos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"_links":{"self":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/499"}],"collection":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":2,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/499\/revisions"}],"predecessor-version":[{"id":501,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/499\/revisions\/501"}],"wp:attachment":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}