Как подсчитать ширину всех картинок?

Question

[nen0y]

Нужно подсчитать общую ширину трех, разных по размеру, картинок. Как это сделать?

Answer 1

[Andrey Perov]

Более универсальное решение

window.onload = () => {
  let w = 0;
  $.each($('img'), (index, value) => {
    w += $(value).width()
  })
};

Comments

[nen0y]

а можно как функцию написать?

[Andrey Perov]

window.onload = function(){
var w = 0;
$.each($('img'), function(value) {
w += $(value).width()
})
};

если на es5, можно и как функцию написать оберните ее и возвращайте значение

[Vladimir]

Круто. спс))

[nen0y]

Andrey Perov: не знаю почему, но не работает...

jquery.js:629 Uncaught TypeError: t.apply is not a function

[Andrey Perov]

nen0y а версия jquery какая?

[nen0y]

Andrey Perov: 1.9.0

[Andrey Perov]

nen0y поправил код пробуйте

https://codepen.io/jsperov/pen/mMmXmB

[Andrey Perov]

nen0y Вот так попробуйте если ошибка осталась

window.onload = () => {
  let w = 0;
  $('img').each(function() {
    w += $(this).width()
  })
  
  console.log(w);  
};

[nen0y]

Andrey Perov: работает, а можно к переменной w с других функций обращаться?

[Andrey Perov]

nen0y сначала функция смотрит в своей локальной области переменную если не находит то идет в другую область

var a = 5;
function test() { 
var a  = 10; console.log(a) // выведет 10 так как определенна локально, если бы не было var a;
// то результат был 5
}

а вообще можно почитать об этом https://www.google.ru/search?q=%D0%BE%D0%B1%D0%BB%...

или же если знаешь английский есть такая книга
https://github.com/getify/You-Dont-Know-JS

[nen0y]

Andrey Perov: а как сделать что бы считало все элементы кроме последнего? ( у меня просто клон создается, а его длину мне знать не нужно)

Answer 2

[one_day]

https://codepen.io/one_day/pen/zdWLMM

Comments

[nen0y]

позже картинок будет больше, не хочется для каждой прописывать

[Andrey Perov]

nen0y: Я вам ответил внизу

[one_day]

nen0y: Спрашивали про три) с маштабируемым ответ Андрея

[nen0y]

one_day: спасибо

[nen0y]

Andrey Perov: да уже вижу, спасибо

Answer 3

[leni_m]

var x = $(kartinka1).width() + $(kartinka2).width() + $(kartinka3).width();