Uso de jQuery para mejorar una página web ordinaria

jQuery

JavaScript no es el idioma más fácil de aprender. Muchos desarrolladores web que entienden HTML estándar se sienten bastante intimidados por él. Una nueva generación de frameworks JavaScript ha existido por un tiempo y está comenzando a llegar a la web con calma.

Todos los navegadores modernos pueden ejecutar JavaScript de manera eficiente (algunas modificaciones recientes a Firefox Sin embargo, realmente han acelerado su motor). Recomiendo encarecidamente descargar y usar Firefox, el plugins solo lo hacen invaluable.

jQuery es un marco de JavaScript con el que he estado experimentando cada vez más recientemente. Cuando puse un marcador de posición para una nueva puesta en marcha, no teníamos suficiente contenido para un sitio completo, pero queríamos crear una página agradable que describiera lo que vendría. ¡Y queríamos hacerlo en unos minutos!

jQuery hizo el truco.

Haga una búsqueda de jQuery + prácticamente cualquier cosa, y también encontrará que los desarrolladores han creado soluciones, llamadas complementos, ¡que están listas para usar! En este caso, busqué "carrusel de jQuery" y encontré una fantástica y completa Solución de carrusel jQuery en Dynamic Drive.

Otra cosa buena de jQuery es que es el código ahora está alojado en Google. Como resultado, no necesita cargar jQuery en su propio servidor, ni los lectores de su sitio web tienen que descargarlo cada vez. Si han estado en un sitio con la referencia a jQuery, ¡se almacena automáticamente en caché para usarlo con su sitio!

Simplemente agregue el código dentro de su etiqueta principal y estará listo y funcionando con jQuery:


Para ejecutar el carrusel, tuve que cargar y hacer referencia al script stepcarousel:


Después de eso, ¡modificar la página fue simple! Puse mi carrusel dentro de un div llamado mi galería y la tira de paneles dentro de un div llamado cinturón. Luego agregué una pequeña parte del código de configuración dentro de mi etiqueta corporal.

Puedes personalizar un poco la acción. En este caso, modifiqué el script para que se ejecutara automáticamente cuando se carga la página. Personalicé la velocidad y la duración en que se muestra cada panel, así como los botones para rotar manualmente los paneles hacia la izquierda y hacia la derecha. Otra característica interesante de este complemento: cuando llegas al último panel, rebobina de vuelta al primero!

Si le teme a la programación o JavaScript es intimidante, jQuery puede ser la solución para usted. La mayoría de las veces, simplemente necesita copiar y pegar las referencias del archivo, editar algunas configuraciones, estructurar la página correctamente ... y ya está listo.

3 Comentarios

  1. 1

    Actualmente estoy reconstruyendo mi sitio web y espero lanzarlo este fin de semana si todo va bien. Estoy usando jQuery para algunos aspectos y no tengo quejas hasta ahora. Todo parece emitir esa sensación de "web 2.0" y, con suerte, solo complementará el sitio terminado.

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.