Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.01.2015, 17:28   #1
Parallelogram
Недотепа
Форумчанин
 
Регистрация: 18.01.2011
Сообщений: 174
По умолчанию Определить ширину картинки

Здравствуйте. Подскажите, как узнать ширину картинки '$dir_big$files[$i]', поделить значение на 3 и подставить в стиль к ссылке вместо padding-left и padding-right? Если это важно, то дивы и картинки формируются с помощью цикла, последовательно присваивая порядковый номер (showimage1 link_back1 link_next1).
Код HTML:
<div class='popupbox' id='showimage1'>
  <div class='popupbox_image'>
    <img src='$dir_big$files[$i]' />
    <div class='navigat'>
      <a href='#' id='link_back1' class='back_g' style='padding-left:XXpx;'>
      <a href='#' id='link_next1' class='next_g' style='padding-right:XXpx;'>
    </div>
  </div>
</div>
<div class='popupbox' id='showimage2'>
  <div class='popupbox_image'>
    <img src='$dir_big$files[$i]' />
    <div class='navigat'>
      <a href='#' id='link_back2' class='back_g' style='padding-left:XXpx;'>
      <a href='#' id='link_next2' class='next_g' style='padding-right:XXpx;'>
    </div>
  </div>
</div>
<div class='popupbox' id='showimage3'>
  <div class='popupbox_image'>
    <img src='$dir_big$files[$i]' />
    <div class='navigat'>
      <a href='#' id='link_back3' class='back_g' style='padding-left:XXpx;'>
      <a href='#' id='link_next3' class='next_g' style='padding-right:XXpx;'>
    </div>
  </div>
</div>
Parallelogram вне форума Ответить с цитированием
Старый 14.01.2015, 13:10   #2
Parallelogram
Недотепа
Форумчанин
 
Регистрация: 18.01.2011
Сообщений: 174
По умолчанию

Что-то наделал, но размер берется только из первой картинки и применяется ко всем остальным, а должен для каждой свой.
Код:
var shh = document.getElementsByClassName("popupbox_image_2").length;
document.getElementsByClassName("popupbox_image_2")[0].children[0].onload=function()
{
var w = Math.ceil(this.offsetWidth/3);
var i;
for (var i = 0; i < shh; i++){
    document.getElementsByClassName("back_g")[i].style.paddingLeft=w+"px";
    document.getElementsByClassName("next_g")[i].style.paddingRight=w+"px";
}}
Подскажите в чем ошибка?
Parallelogram вне форума Ответить с цитированием
Старый 14.01.2015, 13:54   #3
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 821
По умолчанию

Слушать событие onload для каждой картинки, а не как сейчас.
^-.-^ My GitHub

Последний раз редактировалось Fenex; 14.01.2015 в 13:58.
Fenex вне форума Ответить с цитированием
Старый 14.01.2015, 14:27   #4
Parallelogram
Недотепа
Форумчанин
 
Регистрация: 18.01.2011
Сообщений: 174
По умолчанию

Спасибо что так скоро "ответили", но я полный ноль в js. И был бы очень признателен, если бы Вы показали на примере.
Parallelogram вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отображение картинки на кнопке WPF. Загрузка картинки из ресурсов. Проблема с Uri. Casper-SC Общие вопросы .NET 0 27.06.2010 23:11
Как изменить ширину картинки на фоне? Try HTML и CSS 0 16.09.2009 22:57
Размер Image изменяется на размер картинки, а сама она рисуется на области первой картинки RPGer Мультимедиа в Delphi 6 20.10.2008 19:54
Помогите определить макс кол цветов картинки 32x32 пикс объёмом 512 байт www_2008 Паскаль, Turbo Pascal, PascalABC.NET 4 13.05.2008 20:25
Как определить размера картинки Kocapb Общие вопросы C/C++ 7 18.11.2007 16:06