+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Подгон размеров всплывающего

  1. #1
    Новичок ilyas355 на пути к лучшему Аватар для ilyas355
    Регистрация
    07.11.2018
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Вопрос Подгон размеров всплывающего

    Мне нужно чтоб при (клике) открытии картинки размер окна зависел от реального размера изображения.
    То есть если картинка маленькая, то размер всплывающего окна должен быть на 10% больше картинки от реальных размеров.
    А если картинка большая (больше 1000 пикселей например), то размер того окна должен быть 90%.


    Сейчас всегда стоит 70% (в style-modal.css 41 строка отвечает за это)


    Маленькие картинки растягиваются некрасиво, а большие картинки плохо оцениваются как чертёж, не смотря на то, что можно колёсиком увеличивать. Не помещаются в эти 70%


    Цифра выбрана средней, чтоб и для маленьких и для больших более менее было.


    Хотелось бы вообще отделить от этого.


    Подскажите способ решения этой задачи.


    Не понял как сюда вложения заливать, вот ссылка на файл без рекламы
    Последний раз редактировалось ilyas355; 07.11.2018 в 16:23.

  2. #2
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,935
    Thanks
    141
    Thanked 144 Times in 144 Posts
    Это делается при помощи js, примерно следующим образом

    var image = document.createElement('img');
    image.onload = function(){
    console.log(image.clientWidth);
    console.log(image.clientHeight);
    }
    image.src = "image.png";

+ Ответить в теме

Похожие темы

  1. Подгон под размеры экрана.
    от SadRat в разделе HTML
    Ответов: 3
    Последнее сообщение: 21.11.2016, 12:11
  2. Ответов: 2
    Последнее сообщение: 07.09.2011, 09:20
  3. Код всплывающего окна
    от yulya в разделе JavaScript
    Ответов: 4
    Последнее сообщение: 08.12.2008, 17:42
  4. BB-code всплывающего окна
    от yulya в разделе JavaScript
    Ответов: 5
    Последнее сообщение: 21.11.2008, 21:37
  5. Размеры всплывающего окна
    от limonka в разделе JavaScript
    Ответов: 3
    Последнее сообщение: 06.10.2008, 14:33

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения