Usando jQuery para aumentar uma página da Web comum

jquery

JavaScript não é a linguagem mais fácil de aprender. Muitos desenvolvedores da web que entendem de HTML padrão ficam bastante intimidados por ele. Uma nova geração de frameworks JavaScript já existe há algum tempo e está começando a atingir a web rapidamente.

Todos os navegadores modernos são capazes de executar o JavaScript de forma eficiente (algumas modificações recentes para Firefox realmente aceleraram o motor). Eu recomendo baixar e usar o Firefox - o plugins por si só o torna inestimável.

jQuery é um framework JavaScript que venho experimentando cada vez mais recentemente. Quando coloquei um espaço reservado para uma nova startup, não tínhamos conteúdo suficiente para um site completo, mas queríamos criar uma página interessante que descrevesse o que estava por vir. E queríamos fazer isso em alguns minutos!

jQuery fez exatamente o truque.

Faça uma pesquisa por jQuery + virtualmente qualquer coisa e você também descobrirá que os desenvolvedores criaram soluções, chamadas de plug-ins, que estão prontas para usar! Neste caso, fiz uma pesquisa por “carrossel jQuery” e encontrei um fantástico e abrangente Solução carrossel jQuery no Dynamic Drive.

Outra coisa boa sobre jQuery é que é o código agora é hospedado pelo Google. Como resultado, você não precisa fazer o upload do jQuery para o seu próprio servidor, nem os leitores do seu site precisam fazer o download todas as vezes. Se eles acessaram um site com referência a jQuery, ele é automaticamente armazenado em cache para uso com o seu site!

Basta adicionar o código dentro de sua tag head e você estará pronto para usar o jQuery:


Para executar o carrossel, tive que fazer upload e fazer referência ao script do carrossel:


Depois disso, modificar a página foi simples! Coloquei meu carrossel em um div chamado minha galeria e a tira de painéis dentro de um div chamado cinto. Em seguida, adicionei um pequeno pedaço de código de configurações na minha tag body.

Você pode personalizar a ação um pouco. Nesse caso, modifiquei o script para ser executado automaticamente quando a página for carregada. Eu personalize a velocidade e a duração que cada painel é exibido, bem como os botões para girar manualmente os painéis para a esquerda e direita. Outro recurso interessante deste plugin - quando você chega ao último painel, rebobina de volta ao primeiro!

Se você tem medo de programação ou se o JavaScript é intimidante, o jQuery pode ser a solução para você. Na maioria das vezes, você simplesmente precisa copiar e colar as referências do arquivo, editar algumas configurações, estruturar a página corretamente ... e você está pronto para começar.

3 Comentários

  1. 1

    No momento, estou reconstruindo meu site e planejando um lançamento neste fim de semana se tudo correr bem. Estou usando o jQuery para alguns aspectos dele e não tenho reclamações até agora. Tudo parece estar transmitindo aquela sensação de “web 2.0” e, com sorte, só complementará o site finalizado.

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.