Utilisation de jQuery pour optimiser une page Web ordinaire

jquery

JavaScript n'est pas le langage le plus simple à apprendre. De nombreux développeurs Web qui comprennent le HTML standard sont assez intimidés par celui-ci. Une nouvelle génération de frameworks JavaScript existe depuis un certain temps maintenant et commence à faire son entrée sur le Web.

Tous les navigateurs modernes sont capables d'exécuter JavaScript efficacement (certaines modifications récentes de Firefox ont vraiment accéléré leur moteur, cependant). Je recommande fortement de télécharger et d'utiliser Firefox - le plugins seul le rend inestimable.

jQuery est un framework JavaScript que j'expérimente de plus en plus récemment. Lorsque j'ai mis en place un espace réservé pour une nouvelle startup, nous n'avions pas assez de contenu pour un site complet, mais nous voulions créer une belle page décrivant ce qui allait arriver. Et nous voulions le faire en quelques minutes!

jQuery a fait l'affaire.

Faites une recherche sur jQuery + pratiquement n'importe quoi, et vous constaterez également que les développeurs ont construit des solutions, appelées plugins, qui sont prêtes à l'emploi! Dans ce cas, j'ai fait une recherche sur «jQuery carousel» et j'ai trouvé un fantastique et complet Solution de carrousel jQuery sur Dynamic Drive.

Une autre bonne chose à propos de jQuery est que c'est le code est maintenant hébergé par Google. En conséquence, vous n'avez pas besoin de télécharger jQuery sur votre propre serveur, ni les lecteurs de votre site Web doivent le télécharger à chaque fois. S'ils ont visité un site avec la référence à jQuery, il est automatiquement mis en cache pour être utilisé avec votre site!

Ajoutez simplement le code dans votre balise head et vous êtes prêt à utiliser jQuery:


Pour exécuter le carrousel, j'ai dû télécharger et référencer le script stepcarousel:


Après cela, modifier la page était simple! J'ai mis mon carrousel dans un div appelé ma galerie et la bande de panneaux dans un div appelé ceinture. J'ai ensuite ajouté un petit morceau de code de paramètres dans ma balise body.

Vous pouvez personnaliser un peu l'action. Dans ce cas, j'ai modifié le script pour qu'il s'exécute automatiquement lors du chargement de la page. J'ai personnalisé la vitesse et la durée d'affichage de chaque panneau, ainsi que les boutons pour faire pivoter manuellement les panneaux à gauche et à droite. Une autre fonctionnalité intéressante de ce plugin - lorsque vous arrivez au dernier panneau, il rembobine retour au premier!

Si vous avez peur de la programmation ou si JavaScript est intimidant, jQuery peut être la solution pour vous. La plupart du temps, il vous suffit de copier et coller les références de fichiers, de modifier quelques paramètres, de structurer correctement la page… et vous êtes en marche.

3 Commentaires

  1. 1

    Je suis en train de reconstruire mon site Web et vise un lancement ce week-end si tout se passe bien. J'utilise jQuery pour quelques aspects de celui-ci et je n'ai aucune plainte pour l'instant. Tout semble dégager cette sensation de «web 2.0» et j'espère que cela ne fera que compléter le site fini.

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..