Пользовательский интерфейс Jquerymobile: как изменить размер изображения в списке

Question

У меня есть список списков, где каждый список содержит изображение (слева) и описания. Как в примере: http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/lists/lists-thumbnails.html

Я пытаюсь сделать изображение больше и обнаружил, что width = xxx не дает никакого эффекта. Исправлен ли этот размер для изображений в списке? Какой класс может переопределить такое ограничение?

Answer 1

JQM говорит: чтобы добавить миниатюры слева от элемента списка, просто добавьте изображение внутри элемента списка в качестве первого дочернего элемента. Каркас будет масштабировать изображение до 80 пикселей в квадрате.

Попробуйте проверить ваш предмет с помощью firebug и переопределить класс CSS. Должно быть что-то вроде: <img class="ui-li-thumb">

Вот, пожалуйста:

.ui-li-thumb, .ui-li-icon {
    left: 1px;
    max-height: 80px; <-- height
    max-width: 80px; <-- width
    position: absolute;
    top: 0;
}

Но вы должны адаптировать и размер списка ...