VPF::jQuery, Array ? - Форум программистов

Светлан

Дата 20.11.2010, 16:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 30.10.2010

Репутация: нет
Всего: нет

На старницах сайта есть слои class="myClass" а также картинки Id ="imagesId". Слои myClass создаются динамически и имеют разный размер. В зависимости от размера слоя, должен меняется и размер картинки.
Если на странице один слой myClass, то скрипт работает без проблем

Код


var ImgWidth=new Number;
var ImgHeight=new Number;

ImgWidth=$(".myClass").width();
ImgHeight=$(".myClass").height();

var NewImgWidth=ImgWidth-10;
var NewImgHeight=ImgHeight-10;
                
$("#imagesId").attr({  width: NewImgWidth, height: NewImgHeight })

Но если на странице несколько слоев myClass, то скрипт работает только для первого слоя,
Вопрос как заставить его работать для всех слоев.

Это сообщение отредактировал(а) Светлан - 20.11.2010, 16:52

ksnk

Дата 20.11.2010, 16:57 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386

Цитата(Светлан @ 20.11.2010, 16:50

)

Слои myClass создаются динамически

Когда конкретно и по какому событию создаются эти слои? Где по отношению к слоям располагаются картинки? Внутри?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Светлан

Дата 20.11.2010, 17:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 30.10.2010

Репутация: нет
Всего: нет

Я имел ввиду что это тексты из БД. Иногда их на странице несколько, иногда один. Картинка, лежит внутри myClass
Ах да, события как токового нет. $(document).ready()

Это сообщение отредактировал(а) Светлан - 20.11.2010, 17:08

ksnk

Дата 20.11.2010, 17:32 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386

Код


$(function(){

  $('.myclass').each(function(){
    var ImgWidth=$(this).width(),ImgHeight=$(this).height();
    $("img",this).attr({  width: ImgWidth-10, height: ImgHeight-10})
  })

})

Если может быть несколько картинок - нужно их пометить каки-мо классом и переписать селектор $("img.class",this) ...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Светлан

Дата 20.11.2010, 17:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 30.10.2010

Репутация: нет
Всего: нет

Спасибо, сейчас попробую и доложусь

Добавлено через 6 минут и 54 секунды
Аааатлично!!!!!!
Спасибо, Знание-сила, еще раз убеждаюсь. Вчера вечером или..эта уже сегодня..ночь была, три часа потерял. Все долбил..

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »