Un problema frecuente que se puede presentar a cualquier diseñador es la transparencia de archivos PNG en cuestión de usabilidad es algo que se debe tomar en cuenta para que el sitio pueda ser visualizado en cualquier ordenador del mundo. Como se sabe IE es el mas usado en todo el mundo y por lo tanto debemos crear un sitio web que se adapte perfecto a versiones de IE mayores a la 5.0 o como mínimo que se adapte correctamente en IE 6.0 ya que en IE 7.0 no hay este problema.
Para solucionar este problema podemos usar un simple codigo en javaScript:
<!–[if lt IE 7]>
<DIV ID=”oDiv” STYLE=”position:relative; height:120px; width:316px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=’/imagenes/logo.png’, sizingMethod=’scale’);” >
</DIV>
<![endif]–>
En donde /imagenes/logo.png’, tenemos que cambiarlo por la direccion o la ruta de nuestra imagen. Con esto tendremos la misma transparencia en IE6 como en Firefoz y en IE 7. El tutorial original fue hecho por Carlos Sarranz.
Las galerías de imágenes son un punto importante dentro de un sitio web ya que con ellas puedes dar mayores posibilidades a los usuarios para navegar por el sitio, ademas de tener la posibilidad de poner las imagenes que tu quieras.
Siempre es bueno contar con una buena galería de imágenes o al menos con buenos efectos para que tengas buenos resultados, puedes optar por esta galeria esta echa con jquery y tiene un buen efecto de pase de imagenes, ademas de poder ver la demostración en linea.
Los menús son algo impresindible dentro de un sitio web ya que con ellos podemos navegar dentro del sitio web y encontrar sitios o paginas del sitio principal que de una manera u otra no encontrariamos. Algo positivo de todo esto es que tenemos distintos tipos de menús para elegir desde los verticales y los horizontales dependiendo de la orientación debemos elegir el tipo de menú a utilizar. Si optamos por un menú despegable esta puede ser tu salvación.
Para crear este menú solo bastara descargar Jquery yaque utilizaremos esta biblioteca de scripts, este menu esta creado por superfish, en el sitio web puedes descargar el codigo css ver la demostración y la explicación de las funciones.
Un efecto muy bueno que se presenta dentro de las imágenes es el poder hacer el zoom con esta herramienta podrás crear una lupa bueno algo parecido usando CSS y algo de JavaScript y obtendrás un buen resultado.
El efecto aparece cuando pasas el ratón sobre la imagen y tiene el efecto de la lupa, el autor ofrece la descarga de un tutorial para que montes tu propia imagen, la puedes usar en imágenes de texto como por ejemplo un escaneo de una pagina.
Descargar Tutorial| Web del autor
Algo que no debe faltar en un sitio web son los menus ya que ellos son los que guian al usuario dentro de la pagina y por los cuales los usuarios podran accesar a distintas áreas del sitio web como tu formulario de contacto por ejemplo.
Un bonito menú es este realizado con mootools 1.11 y creado por phatfusion, en el cual el menú se compone de imagenes y tiene un efecto de persiansa muy agradable desde mi punto de vista.
Funciona en los siguientes navegadores:
Como mencionaba anteriormente solo requieres mootools y un pequeño codigo para usarlo el cual es el siguiente.
Descarga | Ver la demostracion
Quien no recuerda la famosa aplicación para blogs Lightbox, con la que podíamos mostrar diversos elementos sin que el visitante saliera de nuestra página el cual Jmiur logró pasar a blogger.
Pues hoy me encuentro en XB que ha llegado un nuevo script para sacar del mercado a lightbox, se llama iBox v2.13. Pueden verlo en acción desde esta web, verán que es mucho más rapido que el lightbox y es compatible con casi cualquier archivo ya sea Imagen, Documento, Video, etc.
Via - Xyberneticos
Muchas veces has visto en distintos sitos web que muestran disintas imagenes en diferentes días y pues es esto es algo facil de hacer utilizando JavaScript podemos crear un Script el cuál muestre disitintas imagenes en distintos días.
Solamente tenemos que copiar el siguiente codigo.
Podemos modificar lo siguiente del codigo:
El codigo lo debemos colocar donde queremos que aparesca nuestra imagen, podemos ver la demostración aquí. La imagen cambia cada día.
Bueno hoy les presentaré un script elaborado en JavaScript que muestra disntintos mensajes con un efecto de mecanografia. El efecto es muy agradable y es muy sencillo de implementarlo.
Continuar la lectura de este articulo »
Etiquetas:Efectos en JavaScripts, scripts | Agrega un Comentario
