Como usar el plugin:

Para comenzar necesitamos tener el javascript de jQuery y después descargar el plugin. Debemos incluir en la cabecera dos ficheros javascript:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>

También debemos incluir el fichero CSS:

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />

Incluimos las etiquetas HTML para enlazar una imagen, por ejemplo:

<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>

Y por último incluimos el siguiente javascript que es el que activará el lightBox:

<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>

Visita  lightBox plugin

Ver una Demo

Descargar div con scroll

• jQuery
• jQuery UI
• Prototype
• script.aculo.us
• MooTools
• Dojo
• SWFObject
• Yahoo! Biblioteca de interfaz de usuario (YUI)

Para cargar jQuery pon:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>

http://foro.zonamasters.com/

Espero que sirva de ayuda y para informaros de las últimas novedades del mundillo del webmaster. Ahora mismo está en BETA, por lo que los registros están dehabilitados pero esperamos en breve poder abrirlo, mientras tanto os dejo una recopilación de temas bastantes interesantes:

Alojamiento Web

CSS

JavaScript

AJAX

Aplicaciones Web

Posicionamiento Web

Veamos que tal sale el experimento y que todo el mundo pueda participar

<script type=";text/javascript">

img = new Array(6)
img[0] = "http://URL_imagen1.jpg";
img[1] = "http://URL_imagen2.jpg";
img[2] = "http://URL_imagen3.jpg";
img[3] = "http://URL_imagen4.jpg";
img[4] = "http://URL_imagen5.jpg";
img[5] = "http://URL_imagen6.jpg";
aleat = Math.random() * (img.length);
aleat = Math.floor(aleat)document.write('');
document.write('#header { background-image: url(' + img[aleat] + ') !important }');
document.write('');

</script>

El uso del código JavaScript es bien sencillo. Primero se declara el array (importante indicar el tamaño) que contendrá todas las imágenes que queremos utilizar para la cabecera, después mediante una función matemática se genera una posición aleatoria del array y por último el código JavaScript escribirá el código CSS pertinente con el que se obtendrá la imagen que haya sido seleccionada.

Es por eso que decidí poner una breve explicación de todo esto.

Comencemos por saber que significa AJAX.- AJAX, acrónimo de Asynchronous JavaScript And XML (en inglés JavaScript y XML asíncronos).

AJAX es una técnica que se usa para el desarrollo de webs, sirviendonos para crear aplicaciones más interactivas, lo mejor de esto es que no necesita recargar completamente la web ya que utiliza:

• HTML con hojas de estilos (CSS) para mostrar la web.
• Document Object Model (DOM) y JavaScript interactuando más dinámicamente con los datos
• XML y XSLT sirviendo para intercambiar y manipular los datos

No es considerado un lenguaje de programación, puesto que reune diversos lenguajes para poder obtener una nueva tecnología que nos sirve para el desarrollo de aplicaciones web.

VENTAJAS

• No se necesita recargar las páginas en el envio de información´
• Permite la reconfiguracion de la página, mostrando los datos instantáneamente.

DESVENTAJAS

• Código oculto tras JavaScript, impidiendo a buscadores la indexación de los contenidos 
• Se necesitará un mapa de sitio para que no pase lo de el anterior punto.
• Los usuarios pueden no estar acostumbrados a que la página no recargue, pensando que su solicitud no ha sido enviado o que no funcione.
• Requiere de muchas librerías Javascript, haciendo lento la carga.

Un link más sobre AJAX

1. Javascript: los buscadores no siguen los enlaces javascript.
2. Enlaces de imagenes. Cuando contienen javascript y no están desarrollados por CSS.
3. Pop-ups: desarrollados mediante Javascript.
4. Combos, los menus realizados por combos, select.
5. Enlaces en etiquetas NOSCRIPT: debido al abuso de esta etiqueta por parte de spammers, los buscadores no le hacen caso.
6. Frames: Google ha penalizado su uso.
7. Java: no puede acceder a su contenido ni ejecutarlos.
8. Flash: los motores de búsqueda no los tratan.
9. Mapas de imagenes.

Al parecer lo que más no indexan los buscadores es el Javascript

Visto en: Sentidoweb

La conocida librería JavaScript script.aculo.us cuenta con una nueva versión 1.7, la cual podemos disfrutar desde ayer que fue lanzado el beta 1 en su blog oficial.

La nueva funcionalidad añadida es Morph, que permite estilos basados en CSS, disponen de una web con 3 ejemplos con un elemento, un efecto y una trasformación empleado las nuevas posibilidades de script.aculo.us.

Visto en Ajaxian

El uso de Javascript para realzar el estilo de nuestro blog o web, cada vez se hace más necesario. Es el caso de los formularios. ¿A quien no le llama la atención rellenar un formulario bien hecho y atractivo a la vista?. Pues desde Java Script Examples nos traen algunos ejemplos de como darles vida a los checkboxes, hacer checklist desplazables mediante un scroll, utilizar JotForm, etc.

Enlace: JavaScript Examples forms with JavaScript
Vía: aNieto2k ]]> http://www.zonamasters.com/2006/11/21/realza-el-estilo-de-tus-formularios-con-javascript/feed/ 0 http://www.zonamasters.com/2006/09/25/crossfading-de-css/ http://www.zonamasters.com/2006/09/25/crossfading-de-css/#comments Mon, 25 Sep 2006 07:38:02 +0000 rankhispano http://www.zonamasters.com/2006/09/25/crossfading-de-css/ En la web mikeomatic.net podemos ver un simple ejemplo de las transiciones de un texto a otro gracias a la mezcla de la tecnologia Javascript con CSS, ver ejemplo.

Via | Fundidos con CSS y Javascript – Crossfading