Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   не меняет размер img в internet explorer 7 (:S) (https://javascript.ru/forum/dom-window/36202-ne-menyaet-razmer-img-v-internet-explorer-7-s.html)

Kowabunga! 07.03.2013 12:15

не меняет размер img в internet explorer 7 (:S)
 
Собственно есть несколько картинок которые выводятся в табличку.
ячейки размера 174х174 например. сами картинки 185х64 и должны масштабироваться до 161х56.
так вот по идее они должны вставляться в эту ячейку по середине и вокруг ещё будет немного места.

вот кусочек кода:

var tableBody = document.createElement("tbody");

                var tr = document.createElement("tr");
                for (var index = 0; index <4; ++index) {
                    if ((index%2)==0) {
                        if (tr) {
                            tableBody.appendChild(tr);

                        }
                        tr = document.createElement("tr");
                                           }
                    td = document.createElement("td");
                    {
                        var td = document.createElement("td");

                        {
                            td.width = 174;
                            td.height = 174;
                            td.align = "center";
                            td.className = "group100_button";
                            td.itemId = itemsList[index].id;
                        }

                        if(itemsList[index].isOperator)
                        {
                            td.direct_url = itemsList[index].direct_url
                            td.onmousedown = function()
                            {
                                if (this.direct_url)
                                    parent.location = this.direct_url
                                else
                                    goOperator(this.itemId)
                            };
                        }
                        else
                        {
                            td.onmousedown = function()
                            {
                                switchFolder(this.itemId)
                            };
                        }


                        var img = document.createElement("img");
                        img.border = 0;
                        img.width=161;
                        img.height=56;

                        img.src = "./skins/default/i/op/" + itemsList[index].image;

                        td.appendChild(img);
                        tr.appendChild(td);
                    }



                    group100Table.appendChild(tableBody);
                    tableBody.appendChild(tr);

                    byID('group100_place').appendChild(group100Table);

                }
            }

        }


все прекрасно работает в опере, хроме. Но самое главное что это должно работать в ие7 (чтоб его...)
а он напрочь игнорит масштабирование и выводит изображения больше ячейки и его это совсем не парит.


таки прошу помощи:help:

Kowabunga! 07.03.2013 17:44

Пол дня потратил на решение проблемы.:lol:
Инструменты хрома и 10 эксплорера показывали все норм, указывали что размер изображений реально 161х56....
Короче оказалось все просто и тупо, перемещаем
img.src = "./skins/default/i/op/" + itemsList[index].image;
под
img.border = 0;
                   img.width=161;
                   img.height=56;



то есть получается
var img = document.createElement("img");

                        img.src = "./skins/default/i/op/" + itemsList[index].image;

                        img.border = 0;
                        img.width = 161;
                        img.alt = "";
                        img.height = 56;



                        td.appendChild(img);
                        tr.appendChild(td);
                    }



Таки IE7-8 читает код исключительно пошагово? о_О


Часовой пояс GMT +3, время: 00:10.