JQuery: плагин 2d преобразование (масштабирование изображений) и IE - PullRequest
Новая
       14

JQuery: плагин 2d преобразование (масштабирование изображений) и IE

0 голосов
/ 13 октября 2010

Следующий фрагмент кода работает везде, где это необходимо, кроме IE7: 

//Assess Stage 1
function stage1() {
    $("#prevBtn").hide();

    $('#cs_contentToSlide').animate({
        left:0},200, function() {
    $("#cs_house").fadeTo(10,1);
    $("#cs_social").fadeTo(10,.3);
    $("#cs_pie").fadeTo(10,.3);
    $("#cs_house").animate({scale: '1.1'}); 
    $("#cs_house").fadeTo(10,1);
    $("#stateGraphic").attr('src', 'images/state1_3stage.gif');

})};

Я использую плагин 2d transform для фактического масштабирования самого изображения от центральной точки изображения, которая выглядит намного лучше, чемверхний левый по умолчанию.

Проблема в том, что размещение масштабируемых изображений не остается на месте.Если я закомментирую эту строку: $("#cs_house").animate({scale: '1.1'});, тогда css работает.

Я установил абсолютное и верхнее / левое значения в css, но также попытался в этой функции, используя: $("#cs_house").css({'top':'36','left':'230'});, который, если я удаляю линию масштабирования, она работает как и должно быть в IE.

Мой вопрос: кто-нибудь знает, как заставить IE7 + сохранять элемент / изображение на месте при использовании эффекта масштаба?

1 Ответ

0 голосов
/ 13 октября 2010

UPDATE: 1. Нужно использовать jquery 1.4.2 и biggie ... 2. оберните элемент, в данном случае изображение, в div и поместите вместо него div / container. Golden.

...