moodle:image_zoomable

Ceci est une ancienne révision du document !


Page en construction (Aucune des méthodes ci-dessous fonctionne)

Méthode 1 - librairie

Testé avec succès en 2017, elle ne semble plus fonctionner.

A l'époque nous avions fait comme ceci :

J'ai réessayé en insérant le code :

<img id="zoom_01" src="https://lecampus-pp.unicaen.fr/draftfile.php/34464/user/draft/749086954/essai_small.png" data-zoom-image="https://lecampus-pp.unicaen.fr/draftfile.php/34464/user/draft/749086954/essai_large.png" alt="small" width="1169" height="333">
 
<script type="text/javascript" src="https://code.jquery.com/jquery-1.6.3.min.js"></script>
<script src="https://www.elevateweb.co.uk/wp-content/themes/radial/jquery.elevatezoom.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
    $("#zoom_01").elevateZoom({
        zoomType: "lens",
        lensShape: "round",
        containLensZoom: true,
        lensSize: 200
    });
</script>
  • moodle/image_zoomable.1556551632.txt.gz
  • Dernière modification: il y a 5 ans
  • (modification externe)