Код: Выделить всё
function imageResize() {
$('.highslide img').each(function () {
$(this).one('load', function () {
if ($(this).height() > 500) {
$(this).removeClass('highslide-horizontal').addClass('highslide-vertical');
}
});
});
}Код: Выделить всё
$(this).one('load', function () {вроде работает, ошибок пока не заметил.
Отправлено спустя 2 минуты 39 секунд:
min-width : 650px
min-height : 500px
выставил, а что дальше? изображение 600х300 вписывается и отобразится в таком разрешении, мне же надо, чтобы оно увеличилось, сохранив пропорции, т.е. стало 650х325.
для этого мне надо указать
width : 99% или 650px, чтобы изображение растягивалось.
как только я это делаю, с изображением 600х300 будет все в порядке и оно таки станет 650х325, а вот изображение 300х600 уже потеряет пропорции и станет 650х500, вместо 250х500
я молчу уже о том, чтобы корректно отрабатывать случае с изображениями типа 400х400, где нужно вытягивать высоту, сохраняя пропорции.
Отправлено спустя 23 минуты 20 секунд:
еще немного переделал, теперь учитываются кэшированные изображения
Код: Выделить всё
function imageResize() {
if ($(this).height() > 500) {
$(this).removeClass('highslide-horizontal').addClass('highslide-vertical');
}
}
$('.highslide-horizontal').each(function() {
if( this.complete ) {
imageResize.call( this );
} else {
$(this).one('load', imageResize);
}
});
