mercredi 20 juillet 2011

jquery Nivo Slider memory trick

Quand on cherche un chouette slider jquery avec des images et des liens, Nivo arrive vite sur le haut du panier.

http://nivo.dev7studios.com/

Et c'est un slider vraiment intéressant, avec des effets sympas et un fonctionnement assez simple.
Sauf que quand on en charge plusieurs sur la page ça devient vite un peu lourd.

Alors avec jquery il y a une feinte sympa pour éviter de charger inutilement le navigateur avec le slider nivo qui tourne en tâche de fond, il suffit d'ajouter deux petites fonctions dans l'appel du slider :

$(window).blur(function() {
             $('#nivo').data('nivoslider').stop();
});
$(window).focus(function() {
                $('#nivo').data('nivoslider').start();
});

La première ligne permet de stopper le slider quand on quitte la fenêtre (retour sur windows ou changement de tab).
Et la seconde le relance quand on revient sur le site.

Voilà et ça fonctionne avec presque tous les scripts. Au final c'est simple et plutôt user-friendly (la ram de nos bécanes vous remerciera.

Aucun commentaire:

Enregistrer un commentaire