{"id":257,"date":"2005-11-03T00:15:51","date_gmt":"2005-11-02T22:15:51","guid":{"rendered":""},"modified":"2005-11-03T00:15:51","modified_gmt":"2005-11-02T22:15:51","slug":"redimensionamiento-dinamico-de-imagenes","status":"publish","type":"post","link":"https:\/\/nauj27.com\/blog\/?p=257","title":{"rendered":"Redimensionamiento din\u00e1mico de im\u00e1genes"},"content":{"rendered":"

Hace poco tiempo una amiga<\/b> me coment\u00f3 su idea acerca de realizar una ampliaci\u00f3n de fotos para la web pasando el rat\u00f3n por encima. En ese momento me acord\u00e9 de lo que hab\u00eda visto alguna vez en alg\u00fan sitio. La idea consist\u00eda en colocar en la pantalla todas las im\u00e1genes, peque\u00f1as y grandes, e ir mostrando la que se considere oportuna usando la propiedad visibility<\/a><\/b> de la hoja de estilos.<\/p>\n

Esta noche otro amigo<\/b> me ha preguntado algo muy similar, pero su idea era la de modificar los atributos de una \u00fanica imagen. \u00bfSe podr\u00e1? pues va a ser que s\u00ed. En unos minutos he sacado esto, y lo que es funcionar, funciona. Pueden probar dejando el cursor del rat\u00f3n o dispositivo apuntador encima de la imagen y luego sac\u00e1ndolo de la misma.
\n<\/p>\n

<html>
\n<head>
\n   <title>prueba<\/title>
\n   <script type=\u00bbtext\/javascript\u00bb>
\n      function resizeImg(x, y) {
\n         miImagen = document.getElementById(‘imagen’);
\n         miImagen.height = x;
\n         miImagen.width = y;
\n      }
\n   <\/script>
\n<\/head>
\n<body>
\n   <img src=\u00bbimagen.jpg\u00bb id=\u00bbimagen\u00bb
\n      onmouseover=\u00bbresizeImg(480, 640);\u00bb
\n      onmouseout=\u00bbresizeImg(288, 352);\u00bb \/>
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"

Hace poco tiempo una amiga me coment\u00f3 su idea acerca de realizar una ampliaci\u00f3n de fotos para la web pasando el rat\u00f3n por encima. En ese momento me acord\u00e9 de lo que hab\u00eda visto alguna vez en alg\u00fan sitio. La idea consist\u00eda en colocar en la pantalla todas las im\u00e1genes, peque\u00f1as y grandes, e ir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/257"}],"collection":[{"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=257"}],"version-history":[{"count":0,"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/257\/revisions"}],"wp:attachment":[{"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nauj27.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}