February 7th, 2007 by admin
Hace tiempo salÃó el script Lightbox, el cual al pinchar en una foto para verla ampliada, éste hacÃa un tipo de “precarga de la imagen”, visualizandola posteriormente en el centro de la pantalla [ver ejemplo], la cosa negativa de este script, es que tardaba un poco la carga, por el peso que tenÃa.
Ahora Dynamic Drive DHTML Scripts ha creado un script también utilizando la tecnologÃa de AJAX, que realiza el mismo proceso para visualización de la imagen, pero mejorando el tiempo de carga considerablemente [ver ejemplo].
Para poder utilizar este último script en tus galerÃas de fotos, debes de descargarte estos archivos
Si has visto el ejemplo, podrás seguir los pasos de instalación alli también.
CODE:
Image Thumbnail Viewer
Una vez bajado todos los archivos de Image Thumbnail Viewer
(los podéis bajar desde <a target=
“_blank” href=
“http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm”><strong>aqui</strong></a>
), los pondremos en el mismo directorio donde esté la pagina web y haremos lo siguiente:
- Antes de cerrar la etiqueta del <head> añadiremos esta lÃnea para cargar el estilo de la capa y el script
<strong><link xhref=
“thumbnailviewer.css” mce_href=
“thumbnailviewer.css” rel=
“stylesheet” type=
“text/css” /></strong>
<strong><script xsrc=
“thumbnailviewer.js” mce_src=
“thumbnailviewer.js” type=
“text/javascript”>
/***********************************************
* Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script></strong><strong />
- Para ponerlo en tus imágenes, solamente tendremos que poner lo siguiente:
<strong><a title=“Este es un ejemplo con imagen” rel=“thumbnail” href=“http://muykuky.com/imagen1.jpg”><img src=“http://muykuky.com/imagen1p.jpg” /></a></strong>
<strong><a title=“Este es otro ejemplo con enlace” rel=“thumbnail” href=“http://muykuky.com/imagen2.jpg”>PINCHA</a>
</strong>
Ya tienes tu Image Thumbnail Viewer funcionando en tu site y carga más rapido que Lightbox V 2.0!
Categoria: AJAX, Diseño, Utilidades, Fotos, Tutoriales | 1 Comment »
January 31st, 2007 by admin
¿Qué te parecerÃa poder tener un procesador de Texto siempre a tu disposición?, ahora con Ajax13 lo tienes solucionado.
con esta web, podrás realizar tus trabajos, hacer gráficas, juntarlo todo en una presentación y si te aburres, hasta escuchar música. Tan sólo hay que tener dos requisitos
- Utilizar como navegador Mozilla Firefox (si no lo tienes descartelo aquÃ)
- Tener una cuenta en Ajax13, es gratis y te dan 1Gb de espacio, registraté aquÃ
Esta web contiene varias utilidades:

- AjaxWrite: Un procesador de textos muy similar a Microsoft Word, con el que se pueden ver y editar documentos del Word, como otros formatos de texto. Al tener una gran similitud con Microsoft Word, el usuario ya sabe como poder manejarse por esta aplicación vÃa web, y en donde también es posible guardar los documentos en tus disco duro o en tu cuenta de Ajax13.
- AjaxSketch: Esta herramienta es un editor de Gráficas, con el que podrás realizar diagramas de flujo, gráficas y dibujos. Podrás manipular imagenes, rotándolas, cambiando colores, etc… El formato predeterminado que utiliza esta herramienta es el SVG, asà todas las imagenes creadas con AjaxSketch pueden ser importadas directamente a Microsoft Viso, Adobe Illustrator, Inkscape, Macromedia Freehand, ente otros.
- AjaxXLS: Nos sirve para ver nuestras hojas de cálculo, compatible con el programa de Microsoft Excel y OpenOffice, al utilizar la extensión “xls”.
- AjaxPresents: No podÃa faltar en todas estas aplicaciones online, un programa de Presentaciones. Compatible con los programas de Microsoft Power Point (.ppt) y con OpenOffice PResentaction (.odp). A demás de realizar la presentación, tiene un apartado donde se puede “Publicar y Compartir tus presentaciones“.
- AjaxTunes: Despúes de tantas aplicaciones online de trabajo, esta última es bastante distinta a las demás, ya que con esta podremos escuchar nuestra música o bien unas 40.000 canciones que tienen registradas. Como novedad de AjaxTunes, es que con un código, podrás poner música en tu web.
Categoria: Internet, AJAX, Utilidades | No Comments »
January 17th, 2007 by admin
Esta librerÃa hecha en AJAX, nos permite dar un toque más dinámico y acercarnos más al diseño de “Web 2.0″. Con esta herramienta podemos hacer cargar las capas (div) con unos efectos propios del lenguaje AJAX.
Â
Según la web del creador, este script esta pensado para incluir en pequeños proyectos y esta testeado en:
- IE6
- IE7( beta)
- Firefox 2.0Â
- Opera 9.02
Los nombres de las funciones son:
- $ajaxload()
- $ajaxreplace()
- $opacity()
- $shiftOpacity()
- $highlight()
- $textColor()
- $morphColor()
- $toggle()
- $blindup(), $blinddown()
Enlace:Â SimpleJS
Categoria: AJAX, Javascript | No Comments »
January 16th, 2007 by admin
Este componente programado en AJAX, autocompleta las cajas de texto en los formularios de la web. Desde la página de su creador se pueden ver varios ejemplos muy bien ilustrados, viendo asà de una manera rápida lo que podremos llegar a hacer con este nuevo componente hecho en AJAX.
Navegadores Soportados:
- IE 6.0 7.0
- FireFox 1.0 1.5 2.0
- Safari 2.0
Os pongo unas imágenes como ejemplos:
Categoria: AJAX | No Comments »