Usando jQuery para sacar unha páxina web ordinaria

jQuery

JavaScript non é o idioma máis sinxelo de aprender. Moitos desenvolvedores web que entenden o HTML estándar están bastante intimidados por el. Hai un tempo que hai unha nova raza de frameworks JavaScript que comezan a saír á web con calma.

Todos os navegadores modernos poden executar JavaScript de forma eficiente (algunhas modificacións recentes a Firefox aínda aceleraron o seu motor). Recomendo encarecidamente descargar e usar Firefox, o plugins só o fan inestimable.

jQuery é un framework JavaScript co que estiven experimentando cada vez máis recentemente. Cando puxen un marcador de posición para un novo inicio, non tiñamos contido suficiente para un sitio completo, pero quixemos configurar unha boa páxina que describise o que estaba por vir. E quixemos facelo nuns minutos!

jQuery fixo o truco.

Fai unha busca por jQuery + practicamente calquera cousa e tamén descubrirás que os desenvolvedores construíron solucións, chamadas complementos, que xa están listas. Neste caso, busquei "carrusel jQuery" e atopei un fantástico e completo Solución de carrusel jQuery en Dynamic Drive.

Outra cousa interesante de jQuery é que é agora o código está aloxado por Google. Como resultado, non precisa cargar jQuery no seu propio servidor, nin os lectores do seu sitio web teñen que descargalo cada vez. Se foron a un sitio con referencia a jQuery, caché automaticamente para usalo co seu sitio.

Simplemente engada o código dentro da súa etiqueta de cabeza e xa está sen funcionar con jQuery:


Para executar o carrusel, tiven que subir e facer referencia ao guión stepcarousel:


Despois diso, modificar a páxina foi sinxelo. Puxen o meu carrusel dentro dun div chamado mygallery e a tira de paneis dentro dunha div chamada cinta. Despois engadín un pequeno anaco de código de configuración dentro da miña etiqueta corporal.

Podes personalizar a acción bastante. Neste caso modifiquei o script para que se executase automaticamente cando se cargue a páxina. Personalicei a velocidade e a duración que se mostra cada panel, así como os botóns para xirar manualmente os paneis á esquerda e á dereita. Outra característica interesante deste complemento: cando chegues ao último panel rebobina volta á primeira!

Se tes medo de programar ou JavaScript é intimidante, jQuery pode ser a solución para ti. Na maioría das veces, simplemente tes que copiar e pegar as referencias do ficheiro, editar algúns axustes, estruturar a páxina correctamente ... e estás sen funcionar.

3 Comentarios

  1. 1

    Actualmente estou a reconstruír o meu sitio web e pretendo un lanzamento esta fin de semana se todo sae ben. Estou a usar jQuery para algúns aspectos e ata agora non teño queixa. Todo parece estar dando esa sensación de "web 2.0" e espero que só complimente o sitio acabado.

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.