0

Мне нужно открывать на сайте изображение на полный экран мобилки.
Юзер кликает по нему и разворачивает.
Но вот беда,- когда оно fullscreen, его нельзя растянуть (приблизить) пальцами. На жесты не реагирует!
Как сделать чтобы реагировало?

<html>
  <head>
    <meta name="viewport" content="user-scalable=yes">
  </head>
  <body>
    <img id="image" src="/path/to/image.jpg" style="width:100%;">
  </body>
  <script>
    function fullscreen() {
      var el = document.getElementById('image');
      if(el.webkitRequestFullScreen) {
        el.webkitRequestFullScreen();
      } else {
        el.mozRequestFullScreen();
    } }            
    document.getElementById('image').addEventListener("click", fullscreen)
  </script>
</html>
2
  • Самому написать ответ событие на touch...? (Можно приближать через scale, а двигать через translate в пропорции transform)
    – ΝNL993
    29 ноя 2022 в 19:52
  • Пробую. Да, вроде так работает. Но это как-то не по-феншую. И глючит страшно. Так пробую codepen.io/AbramPlus/pen/mdymKom
    – anthony3d
    29 ноя 2022 в 21:09

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.