var dataSizes = $(el).attr('data-sizes').split(':');
if ( dataSizes[0] > dataSizes[1] )
{
alert('ширина');
}
else if ( dataSizes[0] < dataSizes[1] )
{
alert('высота');
}
else
{
alert('равны');
}
Суть проста, берем значение атрибута data-sizes, к примеру будет "1280:720", разделяем строку на 2 значения по символу двоеточия, первым значением будет ширина элемента другим высота.
Дополнительные значения (для примера):
"1280:720"
"600:600"
"600:800"
"720:1280"
что по вашему мнению должно быть выведено в этих 4 случаях? (сам то я понимаю) ответы браузеров (тестил на 3х):
"1280:720" - высота
"600:600" - равны
"600:800" - высота
"720:1280" - ширина
почему так происходит? пришлось сделать такой костыль: if ( ( dataSizes[0] - dataSizes[1] ) > 0 ) ... но это не дело, хочу знать почему мне дает такие ответы.