comment faire cette animation graphique

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • comment faire cette animation graphique

    Bonjour
    J'ai une demande pour faire une animation graphique de ce type http://etrangeordinaire.fr/notre-methode/
    Je me demande si cela peut-être fait avec une extension de notre cher cms ou si je suis oblige de lancer une consultation pour l'intégration d'une prestation (webdesigner) ?
    Merci de vos pistes
    Bonne journée
    ps: je l'ai mis ici car pas sur qu'il y ait une extension pour faire cela
    Faciliter l'adoption du meilleur du Libre auprès du grand public https://clibre.eu/ - Connaissez-vous des communicants ... pour promouvoir joomla ? https://forum.joomla.fr/forum/th%C3%...mouvoir-joomla

  • #2
    Bonsoir,
    tu cherches a faire quoi exactement ? Car ce que je vois sur le site en lien n'a rien de bien compliqué !
    Avec ce genre d'extension TRES puissante, tu y arrives
    Smart Slider 3 by Nextend is the perfect slider solution for Joomla, that contains 4 slider types and is totally responsive. Create beautiful sliders & animated blocks with the next generation visual editor.


    un exemple de ce que tu cherches
    Video block uses a video in the background to make a moving experience. It helps the visitor to make an action: click on the button or scroll.
    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
    Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

    Commentaire


    • #3
      Bonjour,
      Euh ben ce n'est pas du tout simple pour moi !!
      J'ai l'impression que cela a été fait par une extension mais je ne vois pas vraiment comment le faire avec ta proposition de slider (pas vu de démo sur ton lien), car tu vois que l'animation change selon le déroulé de la page et qu'en bas en cliquant sur un lien on peut revenir en arrière.
      @+
      Faciliter l'adoption du meilleur du Libre auprès du grand public https://clibre.eu/ - Connaissez-vous des communicants ... pour promouvoir joomla ? https://forum.joomla.fr/forum/th%C3%...mouvoir-joomla

      Commentaire


      • #4
        Bonjour,

        Tu as plus de chance avec une personne ayant connaissance de http://scrollmagic.io/ et de greensock.
        Si scrollmagic est libre (licence MIT & GPL), ceux de greensock.com sont soumis à licence : https://greensock.com/why-license

        L'animation se base sur le format d'images vectorielles SVG avec une bonne base de javascript et de css, scrollmagic permet de déclencher les animations suivant la position dans la page, greensock pour la fluidité d'animations complexes. Malheureusement, vu la licence, il n'y a aucune chance de retrouver des extensions utilisant greensock.

        A défaut d'extensions, on peut trouver des solutions alternatives pour réaliser l'animation sans devoir coder, par exemple : https://www.svgator.com/
        ou webflow.

        Par rapport à la suggestion de manu, je ne crois pas que smart slider peut faire autant de possibilités au scroll. Bien qu'il soit possible de réaliser des animations responsives, il faut aussi préciser que l'animation que tu donne en exemple sur le site wordpress ne se voit que sur ordinateur de bureau et non sur mobile.

        Après, il faut vraiment déterminer ce que tu souhaite animer. Certains pages builder comme Quix utilise d'autres librairies comme wow.js : https://wowjs.uk/ pour des animations beaucoup moins complexes, ce qui pourrait te convenir dans une certaine limite et je ne suis même pas certain que l'interface du pagebuilder est intégré la réaction au scroll : https://www.themexpert.com/docs/quix...mation-feature



        Dernière édition par daneel à 30/03/2019, 10h39
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X