Клуб API Карт

Клуб API Карт

За что png обижаете?

Пост в архиве.

День добрый, обновил тут API карт с 1.0.6 до 1.1.5, после чего поехала верстка балуна( конечно же в IE6 ).

Давайте поясню - в балуне есть ряд картинок с pngшками.

На них висит css( именно как .ballon .about img )

Версия 1.1.5 заменяет мои img на div c альфалоадером.

Есно дело css правило на новосозданые элементы не распространяется

 

PS: не все pngшки одинаково прозрачны, но места могут занимать меньше gifок, за что и любим

 

9 комментариев
Авторизуйтесь, чтобы оставить комментарий
Арсений
28 января 2016, 08:09
Насколько я знаю, css распространяется и на элементы, созданные после построения DOM-дерева. Постоянно использую это свойство при работе с javascript
thekashey
28 января 2016, 08:09
если css был повешен на img, а на его месте появился div - тогда нет, не распространяется :)
Арсений
28 января 2016, 08:09
Ну так можно просто в css добавить стиль и для дива
thekashey
28 января 2016, 08:09
во первых - это индуктивно не понятно
во вторых - изображение хериться( в моем случае оно становиться на 4 пикселя больше, итого мылиться, ну это особеность альфалоадера )
Арсений
28 января 2016, 08:09
Ну тогда да. По идее - это проблема скрипта, производящего эту обработку
Fedor Golubev
28 января 2016, 08:09
Это ковровое покрытие счастьем.
Но что-то сейчас оно мне нравится уже не так ка раньше. Подумаем что делать в этом месте.

Ну и расскажите как вы задаете контент (текстом или html нодой, карте или метке/линии/многоугольнику), я предложу вам как обойти "всчастьезагонятор".
thekashey
28 января 2016, 08:09
текстом в setBallon маркера
Fedor Golubev
28 января 2016, 08:09
В метод setBaloonContent можно передать свой макет (ILayout), внутри которого все в вашей власти.

function safeContent (text) {
    return {
        onAddToParent: function (parentNode) {
            this.$nodes = YMaps.jQuery(text);
            this.$nodes.appendTo(parentNode);
        },
        onRemoveFromParent: function () {
            this.$nodes.remove();
            this.$nodes = null;
        },
        update: function () {}
    }
}

// пример как использовать
var placemark = new YMaps.Placemark(map.getCenter());
placemark.setBalloonContent(safeContent("http://img.yandex.net/i/www/logo.png\"/>"));
map.addOverlay(placemark);

Andrey
28 января 2016, 08:09
Столкнулся с таким же моментом
Фильтр накладывается и на jpg картинки, причем их ширина и высота устанавливается в 0
Задал css width и height c width: x000px !important;