1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

diaporama (jquery) façon facebook

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par saluts92, 2 Août 2018.

  1. saluts92
    saluts92 WRInaute impliqué
    Inscrit:
    12 Avril 2006
    Messages:
    828
    J'aime reçus:
    32
    Bonjour,
    Je cherche (sans trouver) un code pour diaporama en jquery comme Facebook (ou de très nombreux autres sites utilisant la même méthode), c'est à dire, un diaporama qui :
    - s'ouvre dans une fenêtre modale (en surimpression)
    - fixe (pas de défilement possible de la page
    - dont le format de l'image s'adapte à la taille de l'écran : plusieurs formats possibles dans le diaporama

    d'avance merci
     
  2. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    556
    J'aime reçus:
    67
    spout et Madrileño aiment ça.
  3. saluts92
    saluts92 WRInaute impliqué
    Inscrit:
    12 Avril 2006
    Messages:
    828
    J'aime reçus:
    32
    tout d'abord
    cela n'a aucun rapport

    mais merci tout de meme pour ton lien

    sinon j'ai trouvé un plugin ultra léger qui fait mon bonheur : il s'agit de ligthgallery
     
  4. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    32 105
    J'aime reçus:
    282
    Bonjour,
    En effet, il est intéressant, il était indiqué au début par @spout,
    sinon celui de @colonies semble intéressant aussi, à vérifier.
    Merci @colonies je l'ai mis en favoris. Il y a aussi lightbox2, mais il a mal vieilli.

    Temps de réponse : 5 minutes.
    Cordialement.
     
  5. saluts92
    saluts92 WRInaute impliqué
    Inscrit:
    12 Avril 2006
    Messages:
    828
    J'aime reçus:
    32
    oui effectivement c'est grace à @spout que j'ai déniché lightgallery

    j'ai un dernier besoin : il s'agit d'un diaporama simple (dans un DIV de dimension fixe, pas dans une fenetre modale) et je dois faire défiler des images de taille différente.
    j'ai donc essayer le copain de lightgallery, c'est à dire lightslider, mais je n'ai aucune option pour centrer verticalement les images moins hautes, et avec du CSS je n'y arrive pas non plus

    est ce que quelqu'un a déjà eu ce problème ? ou pourrais m'orienter vers un diaporama léger qui gère ce problème

    d'avance merci
     
  6. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    32 105
    J'aime reçus:
    282
    Bonjour,

    Il faudrait l'URL de la page test pour vérifier.
    Le mieux est d'utiliser LightGallery (nombreuses demos disponibles et il fonctionnait bien ici).

    Complément AlsacréationS (pour centrer verticalement) :
    alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html .

    Temps de réponse : 2 minutes.
    Cordialement.
     
  7. saluts92
    saluts92 WRInaute impliqué
    Inscrit:
    12 Avril 2006
    Messages:
    828
    J'aime reçus:
    32
    merci mais lightgallery ne répond pas à mon second besoin
    en effet lightgalery ouvre une fenetre modale pour afficher les photos : à moins que j'ai loupé un option ?

    alors que mon second besoin est un diaporama inclus dans une page dans une DIV par exemple : ca parait tout bete mais quand les photos sont de tailles différentes je ne trouve pas
     
  8. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 056
    J'aime reçus:
    294
    @saluts92 j'ai cité lightGallery car c'est mon préféré.
    Diaporama simple: slick que j'ai donné.

    @colonies j'essaie de me séparer de jQuery de plus en plus, rien de tel que le VanillaJS, mais il faut dire que la plupart des plugins sont tjs avec jQuery :(
     
  9. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    32 105
    J'aime reçus:
    282
    Bonjour,
    Peut-être via la demo : lightslider/examples.html - Auto width this is responsive too.
    En effet @spout ils ont très ressemblants Slick et Lightslider (design).

    Temps de réponse : 5 minutes.
    Cordialement.
     
  10. saluts92
    saluts92 WRInaute impliqué
    Inscrit:
    12 Avril 2006
    Messages:
    828
    J'aime reçus:
    32
    non, ca ne centre pas verticalement

    j'ai trouvé avec lightslider en utilisant display:flex (ne ffet display:table-cell était incompatible avec le plugin)
     
Chargement...
Similar Threads - diaporama (jquery) façon Forum Date
A propos du diaporama Problèmes de référencement spécifiques à vos sites 15 Mai 2018
Prise en compte texte dans Diaporama Débuter en référencement 28 Janvier 2018
Une pub AdSense dans un diaporama, c'est bien ou pas ? Débuter en référencement 19 Juin 2017
[Résolu] Diaporama et SEO Débuter en référencement 17 Janvier 2017
Comment renommer ses images pour un diaporama Débuter en référencement 10 Février 2016
Script pour un diaporama Développement d'un site Web ou d'une appli mobile 19 Avril 2012
Diaporama optimisé référencement Débuter en référencement 8 Octobre 2011
Utilisation de load (Jquery) sans impacter le SEO Développement d'un site Web ou d'une appli mobile 4 Août 2018