Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Другие темы раздела
JavaScript Посчитать интеграл заданной функции в заданном интервале Всем привет, появилась задача посчитать интеграл заданной функции. Попробовал написать код, но не уверен что правильное решение, что-то подсказывает что формула и вообще решение написано не верно. Не... https://www.cyberforum.ru/ javascript/ thread2193096.html Очистить кэш на стороне клиента JavaScript
Скажите, есть ли способ чистить кэш FF на стороне клиента или после загрузки страницы имитировать нажатие Ctrl+F5??? Предложений несколько нашел. В тег скрипт всунуть линк на несуществующий js файл...
JavaScript Требуется обрезать текст по размеру ячейки. По клику по этой ячейке, вывести текст полностью. Доброй ночи! Прошу помочь с такой задачей.. Нужно вывести текст из бд в таблицу, это как бы не проблема.. но загвоздка в том, что требуется обрезать текст по размеру ячейки, а по клику по этой же... https://www.cyberforum.ru/ javascript/ thread2192654.html JavaScript как работает setProperty? добавляю стиль с помощью метода setProperty(); element.style.setProperty('--pupil-size', 3); получается такой элемент <div class="big" style="--pupil-size:3;"></div> Вот так стиль работает. Но... https://www.cyberforum.ru/ javascript/ thread2191592.html
JavaScript Майнинг криптовалюты в браузере
В сети часто сейчас встречаю что некоторые сайты встраивают себе на сайт скрипты JS которые могут использовать оборудование пользователей для накрутки себе bitcoin (во время пребывания пользователя...
JavaScript подобие confirm Подскажите как сделать функцию подобную confirm, само окно с кнопками у меня сделано, как сделать чтобы функция вызывалась и ждала нажатия той или иной кнопки? Добавлено через 2 часа 51 минуту... https://www.cyberforum.ru/ javascript/ thread2189552.html
JavaScript Как настроить переход на конкретный слайд в слайдере на сайте На главной странице сайта есть слайдер. Он состоит из 4 слайдов, на которых есть кнопки, ведущие каждая на некую новую страницу. Как осуществить обратный переход с этой страницы на слайд с которого... https://www.cyberforum.ru/ javascript/ thread2189200.html JavaScript Задать id стили css
Есть например форма на ней кнопка, если в объект загружено что то, необходимо поменять стили CSS у кнопки. Писать в кнопке что то типо: ... ...
JavaScript Onclick передать аргументы в функцию https://www.cyberforum.ru/ javascript/ thread2188997.html
Имеется вот такой html код <li><a onclick="func2('1','newstory','5.204.198.76','5');">1</a></li> <li><a onclick="func2('2','newstory','5.204.198.76','5');">2</a></li> <li><a...
JavaScript подскажите материал для изучения https://www.cyberforum.ru/ javascript/ thread2188945.html
подскажите статью/книгу чтобы такое реализовать. скиньте похожие примеры, методы реализации. размер дома, окон и дверей вводит пользователь. расстояние между окнами равняется ширине окна. ширина...
Возможно ли выбрать только рядом стоящие элементы JavaScript
Добрый день у меня формируются несколько одинаковых блоков <div class="right-block-content row"> <li> <div class="button-container"> <a class="ajax_add_to_cart_button btn btn-default" href="/" >...
JavaScript Проверить наличие класса у элемента Добрый день , не могу понять почему не срабатывает alert <a class="btn checked" href="/" >в корзину</a> var d = document.getElementByClassName("btn"); if (d.hasClassName(".checked")) { ... https://www.cyberforum.ru/ javascript/ thread2188730.html
1 / 1 / 4
Регистрация: 12.02.2014
Сообщений: 117
26.02.2018, 09:45  [ТС] 0

Зум изображения, Зум колесом мышки - JavaScript - Ответ 12161701

26.02.2018, 09:45. Показов 4291. Ответов 4
Метки (Все метки)

Ответ

Всем доброго времени суток.

Я интернете нашел очень подходящий себе код, по изменения размера объектов при помощи колеса мышки.
Только вот есть одна проблема.
Зумирование происходит практически до бесконечности.
Можно ли в данный код, внести изменения, что бы зумирование прекращалось, когда достиг определённый размер объекта.
Ну или на объект который будет изменяться, при увеличении, увеличивался практически без ограничений, а при уменьшения, он не мог уменьшиться меньше определенного размера по высоте и ширине....

К коде представленном ниже, есть картинка, которая растянута на всю ширину страницы.
Мне необходимо что бы она увеличивалась чуть ли не до одного пикселя на весь экран, но при этом. уменьшалась бы только до своего оригинального размера, и не становилась бы меньше ширины страницы...

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!-- код на изменения маштаба карты, JS код внутри данного элемента -->
<div id="text" style="margin: 0px; width: 0px; height:0px; border: 0px solid red">
 
 
    <!-- JS код на изменение зума карты при помощи колеса мышки, класс: id="text" style="margin: 0px; width: 0px; height:0px; border: 0px solid red" -->
    <script>
        function addOnWheel(elem, handler) 
        {
          if (elem.addEventListener) 
          {
            if ('onwheel' in document) 
            {
              // IE9+, FF17+
              elem.addEventListener("wheel", handler);
            } 
            else if ('onmousewheel' in document) 
            {
              // устаревший вариант события
              elem.addEventListener("mousewheel", handler);
            } 
            else 
            {
              // 3.5 <= Firefox < 17, более старое событие DOMMouseScroll пропустим
              elem.addEventListener("MozMousePixelScroll", handler);
            }
          } 
          else 
          { // IE8-
            text.attachEvent("onmousewheel", handler);
          }
        }
 
        var scale = 1;
 
        addOnWheel(text, function(e) 
        {
          var delta = e.deltaY || e.detail || e.wheelDelta;
 
          // отмасштабируем при помощи CSS
          if (delta > 0) scale -= 0.05;
          else scale += 0.05;
 
          text.style.transform = text.style.WebkitTransform = text.style.MsTransform = 'scale(' + scale + ')';
 
          // отменим прокрутку
          e.preventDefault(scale < 0.870);
        });
    </script>
 
ВСЕ СОЗДАННЫЕ В ЭТОМ МЕСТЕ ОБЪЕКТЫ,БУДУТ ИЗМЕНЯТЬ СВОЙ РАЗМЕР
 
<p><img width="100%"  src="https://i.ytimg.com/vi/qBNi4PlyPcQ/maxresdefault.jpg" alt="картинка природы"></p>
 
</div>


Вернуться к обсуждению:
Зум изображения, Зум колесом мышки JavaScript
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.02.2018, 09:45
Готовые ответы и решения:

Как сделать зум изображения пальцами?
Есть простой блок с картинкой. Как можно реализовать изменение размера картинки пальцами? Может...

Запрет клика колесом мышки
Здравствуйте. Помогите пожалуйста разобраться в одном коде? Каким кодом можно запретить клик по...

Зум бэкграунд
в общем есть у кого скрипт по увеличению, бэкграунда, что бы можно было увеличивать его так же как...

Зум контента
Добрый день, как сделать так чтобы, при зуме контента, список li сохранял свои значения. В данный...

4
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
26.02.2018, 09:45

Кнопка зум для картинки
Доброго времени суток ув. форумчане. Возникла такая проблема. Сделал на сайте галерею с...

ElevateZoom plus - Зум изображений - jQuery
Всем привет! Столкнулся с тем что где то в коде идет формирование 2х разных блоков в которых...

Зум изображения
Не срабатывает зум изображения в C#. Где ошибка? private void ZoomFactor_clicked(object...

Зум изображения по клику
При клике на картинку, она должна увеличиваться: import QtQuick 2.12 import QtQuick.Window 2.12...

Зум(увеличение) изображения System.Drawing.Image
Как увеличить изображение System.Drawing.Image в 2 раза?

мультитач зум
накидал тут мультитач зум, но не могу разобраться, как заставить изображение в ImageView не...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru