Bonsoir à tous,
Est-il possible de mettre en place un effet zoom sur une image responsive uniquement au format tablette et inférieur ?
Mon code est le suivant :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
          <div class="grid__item" data-size="1280x1212">
            <figure> <a href="../img/original/cavazanno.jpg" class="img-wrap"><img src="../img/thumbs/cavazanno_thumb.jpg" alt="Giorgio Cavazzano" /></a>
              <figcaption><strong>Giorgio Cavazzano</strong></figcaption>
            </figure>
            <div class="description description--grid">
              <h1><strong>Giorgio Cavazzano</strong></h1>
              <p>Histoire de Picsou</p>
Chaque image a une taille différente (data-size). Le
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="../img/original/cavazanno.jpg" class="img-wrap">
est impeccable sur format ordi, mais sur tablette, l'image faisant 50% de large, difficile de la voir. N'en parlons pas sur smartphone
Je ne tombe sur les forums que sur des solutions de zoom sur image à un format bien déterminé. Rajouter un effet lighbox (ou un effet loupe) serait idéal à partir d'un certain format, mais cela me semble impossible à faire dans mon cas
Est-ce possible ?
Merci pour votre aide et bonne soirée,
dh