Garabato, el blog de Hirudesign http://www.hirudesign.com/blog Un sitio donde aprender juntos Wed, 21 Mar 2007 10:17:57 +0000 http://wordpress.org/?v=2.0.4 en Precarga de imagenes con Javascript http://www.hirudesign.com/blog/2007/03/01/precarga-de-imagenes-con-javascript/ http://www.hirudesign.com/blog/2007/03/01/precarga-de-imagenes-con-javascript/#comments Thu, 01 Mar 2007 11:33:11 +0000 admin Desarrollo web http://www.hirudesign.com/blog/2007/03/01/precarga-de-imagenes-con-javascript/ i1=new Image; i1.src='imagenes/ejemplo.jpg'; i2=new Image; i2.src='imagenes/ejemplo_2.jpg'; </script> Este ejemplo contempla que se precargarán dos imágenes [...]]]> Si queremos que la carga de imágenes en un sitio sea más fluída y evitar así el molesto efecto de ver cómo éstas se van cargando poco a poco, sólo tenemos que añadir en el de nuestra página principal este código:
<script type="text/javascript">
i1=new Image; i1.src='imagenes/ejemplo.jpg'; i2=new Image; i2.src='imagenes/ejemplo_2.jpg';
</script>

Este ejemplo contempla que se precargarán dos imágenes (ejemplo.jpg y ejemplo_2.jpg) que se encuentran en la carpeta “imagenes”.

]]> http://www.hirudesign.com/blog/2007/03/01/precarga-de-imagenes-con-javascript/feed/ Como insertar flash valido XHTML http://www.hirudesign.com/blog/2006/10/04/como-insertar-flash-valido-xhtml-strict/ http://www.hirudesign.com/blog/2006/10/04/como-insertar-flash-valido-xhtml-strict/#comments Wed, 04 Oct 2006 11:20:58 +0000 admin Desarrollo web Estándares http://www.hirudesign.com/blog/2006/10/04/como-insertar-flash-valido-xhtml-strict/ Este artículo muestra cómo insertar un archivo .swf en el código XHTML de forma que respete los estándares y que, a su vez, evite el Efecto Eolas de Contenido Activo para Internet Explorer.

Un poco de historia

Como muchos sabréis en 1998 una empresa de California llamada Eolas patentó la tecnología que permitía a los plug-ins o applets de java ser incrustados en las páginas web. A efectos prácticos, entre otras cosas, supuso que los usuarios de Internet Explorer que quisieran interactuar con cualquier elemento de Flash que estuviera incrustado en una página se vieran obligados a activar previamente el contenido activo haciendo clic sobre él.

A raíz de este cambio surgieron métodos de programación alternativos que ahorraban al usuario esa molesta labor de tener que pulsar dos veces sobre cualquier menú o banner en Flash. Aún así el efecto colateral para los desarrolladores web estaba patente ya que la mayoría tuvo que modificar el código de sus páginas con Flash.

Una vez experimentadas distintas maneras de implementar el nuevo código, creemos que la manera más eficaz, sencilla y accesible es la siguiente.

Código para insertar de forma válida el flash en el XHTML:

Dentro de la etiqueta HEAD incluímos:

<<!--[if IE]><script type="text/javascript" xsrc="Scripts/arreglo_conten_activo.js" mce_src="Scripts/arreglo_conten_activo.js" defer="defer"></script><![endif]-->

Dentro de la etiqueta BODY hacemos la llamada al archivo Flash:

<!--[if !IE]> --><object type="application/x-shockwave-flash" data="nombredelswf.swf" width="215" height="415"><!-- <![endif]-->
<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="215" height="415"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,0,0">
<param name="movie" value="nombredelswf.swf" />
<!--><!--dgx-->
<param name="loop" value="true" />
<param name="menu" value="false" />
<p>Necesitará Flash Player para ver esta página correctamente.</p>
</object>
<!-- <![endif]-->

Y por último, creamos una carpeta Scripts dentro del sitio y le copiamos el archivo arreglo_conten_activo.js

Recordad sustituir el parámetro “nombredelswf.swf” del ejemplo con el vuestro propio.

]]> http://www.hirudesign.com/blog/2006/10/04/como-insertar-flash-valido-xhtml-strict/feed/ Como sustituir los titulos de los posts de WordPress por imagenes http://www.hirudesign.com/blog/2006/10/02/como-sustituir-los-titulos-por-imagenes-en-los-posts-de-wordpress/ http://www.hirudesign.com/blog/2006/10/02/como-sustituir-los-titulos-por-imagenes-en-los-posts-de-wordpress/#comments Mon, 02 Oct 2006 12:35:48 +0000 admin Desarrollo web http://www.hirudesign.com/blog/2006/10/02/como-sustituir-los-titulos-por-imagenes-en-los-posts-de-wordpress/ Headline 5.- Cambiar [...]]]> Para sustituir fácilmente los titulares de los posts por imágenes tan sólo debes descargar e instalar este plugin  Image Headlines.

Modo de instalación:

1.- Subir el contenido del archivo tar en wp-content
2.- Dar permiso de escritura al directorio wp-content/image-headlines/
3.- Activar el plugin desde el menú de administración de WordPress
4.- Configurar el plugin en Opciones > Headline
5.- Cambiar en el index.php de tu plantilla del blog:
the_title();por:
the_title('-image-');

]]> http://www.hirudesign.com/blog/2006/10/02/como-sustituir-los-titulos-por-imagenes-en-los-posts-de-wordpress/feed/ Bienvenidos a Garabato http://www.hirudesign.com/blog/2006/10/02/bienvenidos-a-garabato-el-blog-de-hirudesign/ http://www.hirudesign.com/blog/2006/10/02/bienvenidos-a-garabato-el-blog-de-hirudesign/#comments Mon, 02 Oct 2006 11:22:30 +0000 admin General http://www.hirudesign.com/blog/2006/10/02/bienvenidos-a-garabato-el-blog-de-hirudesign/ Hoy nace el blog de Hirudesign, una empresa de servicios integrales de diseño e internet.

El objetivo de este blog es devolver a la comunidad de internet la valiosa ayuda que nos brinda mediante la publicación de contenidos relacionados con nuestro sector. Esperamos que este sea un foro de aprendizaje común y que nos ayude a todos a subir nuestro nivel de conocimiento. Un afectuoso saludo.

David García, Hirudesign

]]> http://www.hirudesign.com/blog/2006/10/02/bienvenidos-a-garabato-el-blog-de-hirudesign/feed/