16 March 2007

swfIR, añade efectos a tus fotos por medio de JavaScript y Flash.

Si tienes una web en la qu sueles incluir fotografías veras que si tu diseño es amigable las imagenes quedan demasiado frías rompiendo el estilo de tu web. Generalmente se intenta evitar eso de diversas formas. Hciendo que el fondo de la imagen coincida con el color del fondo de tu web para así no determinar node e empieza y termina creando el efecto de estar grabado en ella. Pero eso sólo vale para fotos de estudio,el resto de imágenes se suele rotar, anadir una sombra, un marco o redondear los bordes. Todos estos procesos se pueden hacer tanto editando cada una las fotos como por CSS. Pero hay otra alternativa mucho más senclla para conseguir cualquiera de estos efectos y es con swfIR, Shock Wave Flash Image Replacement. Lo bueno de swfIR es que a través de javaScript y Flash consigue estos efectos, incluso combinandolos entre ellos y todo en unos pocos pasos.

Descarga desde su web las dos archivos que vas a necesitar que están aquí.

Estos dos archivos son swfir.js y swfir.swf los subes al mismo directorio donde tengas tu web.

Pon esta linea en el <head> de tu web para integrar el JavaScript de swfIR:
<script type=”text/javascript” src=”swfir.js”></script>.

Y listo sólo tendrás, si quieres, personalizar más a tu gusto el estilo del efecto. Y añadir una clase css para etiquetar las imágenes, por ejemplo con el valor sfwir.

Y de <img src=”pic.jpg” alt=”A picture” id=”pic” /> pasaríamos a :

<span class=”swfir” id=”pic”>
<img src=”pic.jpg” alt=”A picture” id=”pic” />
</span&gt
;

Pero para enterarte bien pásate por su web y visita los distintos ejemplos, incluido el que puedes alterar una imagen añadiendole las distintas funcionalidades que ofrece swfIR

Esta utilidad es buena para aquellos que quieran mostrar imágenes integradas en su diseño sabiendo que pueden cambiarlas cuando quiera y encima al ser en flash limitas la indexación de esas imágenes y el consecuente hotlinking que puedad sufrir.

2 Comentarios

1 Marnie dijo el 20 March 2007 a las 6:35 pm

Vaya, veo que al final tampoco salió mi comentario en este post. Últimamente tu server me repudia XD

Decía que me parece una excelente solución. Si no fuera porque en mi blog lo tengo montado ya de otra manera y ya me sirve, hasta me lo plantearía. De todas formas, estas cosas al final no se ven con algunos navegadores, ¿no? Porque hay gente que todavía navega con unas carracas… XD

2 Sitoxic dijo el 20 March 2007 a las 7:16 pm

Prácticamente todos los navegadores y sistemas operativos soportan las versiones básicas de flash, linux ha tenido movida con el flash pero para lo básico tira de miedo. Lo único que a las carracas que dices les puede cargar el efecto cuando ya han leido el artículo XD

Lo de mi servidor me tiene harto, me voy a mudar en breve, pero que sepas que no se si será por venganza pero el tuyo últimamente tambien me la juega XXDD

Deja tu comentario

No se permiten comentarios tipo SMS o insultantes. Puedes usar: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>