Maison

Effets spéciaux JS

effets jQuery

Code de chargement paresseux de l'image jQuery

Télécharger maintenant Aperçu

code js
<script src="js/jquery.min.js"></script>
<script>
var _content = []; //Stocker temporairement le contenu de la boucle
var moreload = {
_default:10, //Le nombre d'images affichées par défaut
_loading:5, //Le nombre d'éléments chargés après chaque clic du bouton
init:fonction(){
var lis = $(".moreload .hidden li");
$(".moreload ul.list").html("");
pour(var n=0;n<moreload._default;n++){
lis.eq(n).appendTo(".moreload ul.list");
}
$(".moreload ul.list img").each(function(){
$(this).attr('src',$(this).attr('realSrc'));
})
for(var i=moreload._default;i<lis.length;i++){
_content.push(lis.eq(i));
}
$(".moreload .hidden").html("");
},
loadMore:function(){
var mLis = $(".moreload ul.list li").length;
pour(var je =0;i<moreload._loading;i++){
var cible = _content.shift();
si(!cible){
$('.moreload .more').html("<p>Tous chargés...</p>");
pause ;
}
$(".moreload ul.list").append(target);
$(".moreload ul.list img").eq(mLis+i).each(function(){
$(this).attr('src',$(this).attr('realSrc'));
});
}
}
}
moreload.init();
</script>

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Chargement paresseux de l'image js basé sur jquery

27 Dec 2016

Lorsque vous parcourez le centre commercial Jingdong, vous constaterez que les images des produits ne sont affichées que sur un seul écran. Lorsque la page défile vers le bas, les images des produits ci-dessous sont progressivement chargées.

Chargement paresseux de l'image imgLazyLoading.js

14 Jun 2018

Cet article présente principalement en détail comment utiliser imgLazyLoading.js pour charger paresseusement des images. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

Quels sont les projets de chargement paresseux ?

13 Nov 2023

Les projets de chargement paresseux incluent jQuery Lazy, LazyLoad, lazyload, lozad.js, echo.js, etc. Introduction détaillée : 1. jQuery Lazy : un plug-in de chargement paresseux d'images basé sur jQuery qui peut retarder le chargement des images sur la page et prend en charge les effets de chargement et les paramètres de configuration personnalisés 2. LazyLoad : une bibliothèque de chargement paresseux JavaScript légère qui peut retarder le chargement ; d'images, de vidéos, d'audio et d'autres ressources, et prend en charge des fonctions de synchronisation de chargement et de rappel personnalisées, etc.

Un composant de chargement paresseux basé sur jquery

09 Mar 2018

Cette fois, je vous propose un composant de chargement paresseux basé sur jquery. Quelles sont les précautions à prendre pour le chargement paresseux de composants basés sur jquery ? Voici un cas pratique, jetons un oeil.

Explication détaillée du chargement paresseux de jQuery lazyload

27 Dec 2016

Lazy Load est un plug-in jQuery écrit en JavaScript. Il peut retarder le chargement des images dans de longues pages. Cet article le présente avec des exemples, qui ont une bonne valeur de référence.

Explication détaillée du chargement paresseux de l'image frontale

04 Apr 2017

J'avais initialement prévu d'écrire un blog sur la technologie détaillée du chargement retardé des images frontales hier après-midi, de manière inattendue, il y a eu quelques problèmes avec le projet de l'entreprise dans l'après-midi, j'ai donc modifié le code pour le débogage. jour aujourd'hui. Courez, c'est déjà le soir quand je rentre, je viens de finir mon repas et j'ai envie de me rattraper...

Explication détaillée du chargement paresseux de l'image imgLazyLoading.js

03 Jan 2018

Cet article présente principalement en détail comment utiliser imgLazyLoading.js pour le chargement paresseux d'images. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

Implémenter le chargement paresseux de jquery et revenir en haut

21 May 2018

Cet article vous apprend à implémenter le chargement paresseux de jquery vers le haut.

Le chargement de l'image jQuery échoue, comment remplacer l'image par défaut

07 Dec 2017

Cet article présente principalement le résumé des méthodes pour remplacer l'image par défaut lorsque le chargement de l'image jQuery échoue, et les connaissances pertinentes utilisées : la méthode ready de jquery, $("img").error(), l'attribut complet d'img, le plug-in imagesLoaded, l'événement délégation, capture d'événements et images Pour les méthodes de préchargement, les amis dans le besoin peuvent s'y référer.

See all articles

Hot tools Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.