2010-10-13 2 views
0

Следующий фрагмент кода работает везде нужно, за исключением IE7:JQuery: 2d преобразование (масштабирование изображения) плагин и IE

//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 преобразование плагина фактически масштабировать сам образ, от системы центра точка изображения, которая выглядит намного лучше, чем верхний левый по умолчанию.

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

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

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

ответ

0

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