• ArtA.5.5.21

    Je n'indique pas le code de ce montage qui n'est là que pour montrer le principe; vous saurez le retrouver en ouvrant le code source de la page.

    Votre texte dans lequel, sur certains mots ou images, un bouton invisible ouvrira des images en lien, qui s'assembleront en s'affichant.
    Ces images seront placées hors du cadre, qui les masquera.
    Dans cet exemple, les images en lien seront animées par un survol des mots en rouge.
    Elles sont découpées en 4 parties qui, en se regroupant, forme l'image complète.
    Les boutons invisibles seront placés au dessus des mots en rouge.
    La découpe des images sera faite par un code clip-path mais on pourrait placer l'image dans différents paragraphes, contenant une partie de l'image principale avec une partie définie par background-position.
    J'ai bien concience que ce code n'est pas simple à adapter aux besoins de chacun mais vous pouvez adapter le principe ...