JQuery ui accordeon et lazy image

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 27 Mars 2020.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    Salut à tous,

    J'espère tout d'abord que tout va bien pour vous.

    J'utilise le plugin jQuery ui accordeon sur l'une de mes pages et j'ai une bonne trentaine de sections dans lesquelles j'ai du texte et des images.

    La première section est ouverte et toutes les autres sont fermées.

    J'utilise un plugin lazy pour différer le chargement de mes images, normalement elles sont chargées aux scroll de la page mais avec le plugin jQuery accordeon toutes mes images sont chargées au chargement de ma page (même celles qui sont cachées dans les sections fermées), comment faire pour que mes images ne se chargent qu'au scroll de ma page avec ce plugin jQuery accordeon ?

    Merci pour votre aide.
     
  2. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    J'ai trouvé une solution : je charge l'image d'une section via une requête ajax lorsqu'on clique sur cette section <h2> et qu'elle s'ouvre.
     
Chargement...
Similar Threads - JQuery accordeon lazy Forum Date
Sites de scripts PHP, jQuery, Ajax, etc. Le café de WebRankInfo 20 Mars 2022
Conflit jquery ajax Développement d'un site Web ou d'une appli mobile 10 Février 2022
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
Aligner des checkboxradio jQuery Développement d'un site Web ou d'une appli mobile 7 Mars 2020
Accordion jquery : onclick fermer la section ouverte Développement d'un site Web ou d'une appli mobile 13 Février 2020
Jquery : CDN Google ou CDN Jquery Administration d'un site Web 1 Février 2019
Utilisation de load (Jquery) sans impacter le SEO Développement d'un site Web ou d'une appli mobile 4 Août 2018
diaporama (jquery) façon facebook Développement d'un site Web ou d'une appli mobile 2 Août 2018
Slider range jquery + keyup fonction Développement d'un site Web ou d'une appli mobile 26 Février 2018
se passer d'un SetTimeout dans Jquery Développement d'un site Web ou d'une appli mobile 23 Février 2017
Double JQUERY.js Débuter en référencement 18 Décembre 2016
Compresser le Jquery et le CSS ? Problèmes de référencement spécifiques à vos sites 26 Septembre 2016
Fichiers jquery.com et googleapis.com Développement d'un site Web ou d'une appli mobile 29 Mai 2016
Comment différer une commande jquery Développement d'un site Web ou d'une appli mobile 22 Octobre 2015
jquery repeter une fonction sur une div? Développement d'un site Web ou d'une appli mobile 29 Mars 2015
Récupérer nom de l'input submit jQuery Développement d'un site Web ou d'une appli mobile 14 Mars 2015
Jquery focusout sur input cloné Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Tracker un objectif en jquery Google Analytics 29 Décembre 2014
Responsive design vs jquery mobile Référencement Google 28 Novembre 2014
Referencement des images avec un code jquery Débuter en référencement 24 Octobre 2014