На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Поиск Участники Календарь Избранное RSS
msm.ru
Модераторы: ElcnU, ANDLL, fatalist
  
> размер картинки , уменьшить и зделать по этим размерам окно
makedonskij
Сообщ. #1 ,

    Senior Member
    ****
    Профиль · PM
    Рейтинг (т): 6
    Как получить размеры картинки еще до ее загрузки, уменьшить или увеличить до нужных и зделать по этим размерам окно.
    Mixxx
    Сообщ. #2 ,

      Profi
      *****
      Профиль · PM
      Поощрения: 13 Dgm
      Рейтинг (т): 107
      Цитата
      Как получить размеры картинки еще до ее загрузки

      :D
      Ты имеешь в виду до её отображения в браузере?
      makedonskij
      Сообщ. #3 ,

        Senior Member
        ****
        Профиль · PM
        Рейтинг (т): 6
        Да. Как раз это.
        Можно на перле.
        Mastilior
        Сообщ. #4 ,

          Profi
          *****
          Профиль · PM
          PHP сойдет? Как изменить размер изображения?

          IMHO, логика такая:
          1) Определяемся с размером картинки
          2) Открываем окно на несколько px. больше размера изображения
          3) В качестве параметра src элемента <IMG> вводим путь к php-скрипту с параметрами, который возвращает нам сжатую/растянутую картинку.

          В PHP-скрипт придется внести некоторые изменения.
          Машина
          Сообщ. #5 ,
            Unregistered
            Раз мы уж v разделе про клиентские технологии, можно просто взять картинку и в теге <img> определить параметры "width" и "height". Картинка растянется/сожмется.
            makedonskij
            Сообщ. #6 ,

              Senior Member
              ****
              Профиль · PM
              Рейтинг (т): 6
              Ага. И морды на картинке растянутся/сожмутся.
              Надо пропорзионально.
              Mastilior
              Сообщ. #7 ,

                Profi
                *****
                Профиль · PM
                Цитата
                makedonskij, 24.08.04, 20:34
                Надо пропорзионально.

                Вычислить это легко. Можно даже на JavaScript.
                makedonskij
                Сообщ. #8 ,

                  Senior Member
                  ****
                  Профиль · PM
                  Рейтинг (т): 6
                  kak?
                  Mastilior
                  Сообщ. #9 ,

                    Profi
                    *****
                    Профиль · PM
                    Цитата
                    Mastilior wrote:
                    Можно даже на JavaScript.

                    Сорри, маленький недочёт. Если указать только ширину (width) или только высоту (height), изображение будет пропорционально сжато браузером.
                    makedonskij
                    Сообщ. #10 ,

                      Senior Member
                      ****
                      Профиль · PM
                      Рейтинг (т): 6
                      Цитата Mastilior @ 24.08.04, 20:17
                      Цитата
                      Mastilior wrote:
                      Можно даже на JavaScript.

                      Сорри, маленький недочёт. Если указать только ширину (width) или только высоту (height), изображение будет пропорционально сжато браузером.

                      Так я так и делал.
                      Вот как окно под размер подогнать? Высота то всегда разная.
                      Mixxx
                      Сообщ. #11 ,

                        Profi
                        *****
                        Профиль · PM
                        Поощрения: 13 Dgm
                        Рейтинг (т): 107
                        Пусть Rwidth и Rheight - это реальные размеры картинки
                        и вы хотите увеличить или уменьшить картинку дав ей новые
                        размеры - Nwidth и Nheight, причем вы знаете либо Nwidth либо Nheight
                        (но не оба сразу иначе картинка получится не пропорциональной, чего вам бы не хотелось)
                        Допустим вы знаете только Nwidth (получаеться вы знаете целых три параметра - Rwidth, Rheight и Nwidth)
                        Формула для вычисления Nheight:
                        Nheight=(Rheight*Nwidth)/Rwidth
                        Например:

                        Rheight=103
                        Rwidth=42
                        Nwidth=80
                        Nheight ?
                        ------------------------------
                        Nheight=(103*80)/42=196.190476
                        Ага! получилось не целое число, а высота картинки должно выражаться целым числом - значит надо его как-то округлить!

                        И так проблемы у вас две:
                        1. Как узнать эти самые Rheight и Rwidth?
                        2. Как округлить число?

                        Ответы на эти вопросы

                        1. ExpandedWrap disabled
                            var Risunok=new Image();//создаем объект - рисунок
                            Risunok.src="myrisunok.gif";// загружаем его
                            var Rheight=Risunok.height;//реальная высота
                            var Rwidth=Risunok.width;//реальная ширина
                            var Nwidth=150;//хочу чтобы ширина рисунка была 150 пикселей

                        2. ExpandedWrap disabled
                            var Nheight=Math.round((Rheight*Nwidth)/Rwidth);
                        makedonskij
                        Сообщ. #12 ,

                          Senior Member
                          ****
                          Профиль · PM
                          Рейтинг (т): 6
                          Класс. Спасибо. Держи плюс.
                          А как чтоб окно под размер само подстроилось?
                          makedonskij
                          Сообщ. #13 ,

                            Senior Member
                            ****
                            Профиль · PM
                            Рейтинг (т): 6
                            нашел
                            ExpandedWrap disabled
                              window.resizeTo(nw,nh);

                            А как убрать белые полоски сверху и с лева?
                            Rom@nych
                            Сообщ. #14 ,

                              Profi
                              *****
                              Профиль · PM
                              Поощрения: 2 Dgm
                              Рейтинг (т): 75
                              Цитата
                              makedonskij, 25.08.04, 12:31
                              А как убрать белые полоски сверху и с лева?

                              [html]<body leftmargin="0" topmargin="0">[/html]
                              А чтоб окно подстроилось:
                              [html]
                              <img src="image.jpg" onload="window.resizeTo( this.width, this.height);" />
                              [/html]
                              Сообщение отредактировано: Rom@nych -
                              makedonskij
                              Сообщ. #15 ,

                                Senior Member
                                ****
                                Профиль · PM
                                Рейтинг (т): 6
                                Спасибо. Все получилось.
                                И тебе плюс.
                                0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
                                0 пользователей:


                                Рейтинг@Mail.ru
                                [ Script execution time: 0,0382 ]   [ 15 queries used ]   [ Generated: 26.04.24, 09:38 GMT ]  
                                Powered by Invision Power Board(U) v1.2 © 2003  IPS, Inc.