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:
    809
    J'aime reçus:
    10
    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:
    809
    J'aime reçus:
    10
    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
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice