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.

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.

Chargement paresseux de JavaScript

24 Jan 2017

Chargement paresseux de JavaScript

ajaxsetup pour le chargement de l'image

03 Mar 2025

Configuration de chargement des images à l'aide de la méthode AJaxSetUp () de jQuery Voici un simple extrait de code jQuery qui utilise la méthode AjaxSet () pour configurer l'image de chargement afin que l'image de chargement s'affiche chaque fois qu'une demande Ajax est envoyée et que l'image de chargement soit cachée lorsque la demande revient. Étant donné que la fonction .load () semble ignorer (ou remplacer) la fonction complète, le même code pour les fonctions complètes et de réussite est inclus. Démo Code $ .ajaxsetup ({ beforesend: function () { $ ('# General-Aja

Code d'implémentation du chargement paresseux des données de l'interface Android

27 Dec 2016

Cet article partage principalement avec vous le code d'implémentation du chargement paresseux des données de l'interface Android et vous explique comment implémenter le chargement paresseux de l'interface, c'est-à-dire que les amis intéressés peuvent s'y référer.

Impossible de fondre l'image d'arrière-plan dans jQuery ? Déverrouillez la solution

23 Oct 2024

jQuery n'efface pas nativement les images d'arrière-plan. Cet article présente une solution de contournement utilisant des balises cachées avec un positionnement absolu et un z-index négatif pour imiter le comportement de l'arrière-plan, permettant ainsi des effets de fondu sur les images d'arrière-plan.

jQuery ajax réalise l'effet de chargement automatique de la liste d'images et de textes lors du défilement vers le bas de la page (similaire au chargement paresseux des images)

27 Dec 2016

Cet article présente principalement jQuery ajax pour réaliser l'effet de chargement automatique de la liste d'images et de textes lors du défilement vers le bas de la page, simulant la fonction de chargement paresseux des images et les techniques associées liées à l'interaction entre jQuery ajax et asp.net pour afficher dynamiquement le contenu de la page. Les amis dans le besoin peuvent se référer à ce qui suit.

Expliquez le concept de chargement paresseux.

13 Mar 2025

Le chargement paresseux retarde le chargement du contenu jusqu'à ce qu'il soit nécessaire, améliorant les performances du Web et l'expérience utilisateur en réduisant les temps de chargement initiaux et la charge du serveur.

Comment exécuter du code dans des iframes insérées dynamiquement à l'aide de l'événement de chargement de jQuery ?

16 Nov 2024

Exécution de code dans des iframes insérées dynamiquementLorsque vous utilisez jQuery Thickbox pour afficher une iframe dans une page parent, il peut y avoir des problèmes avec...

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Outils chauds

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.