2012-11-07 63 views
1

這是我第一次嘗試使用Mootools,所以我歡迎批評代碼。這個代碼在所有瀏覽器(FF,Safari,Chrome,甚至是智能手機)中都能正常工作,但在IE9中卻不行(JS啓用)mootools fx在ie9中工作除外

任何有類似的問題或解決方案?

我打算使用燈箱效果,在下載較大的&更清晰的圖像與頁面的中心,而不是隻調整一個小圖像,但是,如果IE9出現問題,我很猶豫,試試這個吧。

我已經編碼了三個圖像尺寸與上傳提交,所以更大的圖像可用於燈箱,但是,我沒有看到任何燈箱的mootools,或我錯過了嗎?

$i = 0; 
while($i < count($validate)) { 
    <div class="validate"> 
     <div class="validate_image_<?php echo $validate[$i]['validate_type']; ?>"> 
      <div class="validate_image" id="validate_image_wrapper_<?php echo $i; ?>"> 
       <?php 
       if ($validate[$i]['validate_image_filename'] != '') { 
        if (file_exists(UPLOAD_DIR . 'validate_image/' . str_replace('.', '_medium.', $validate[$i]['validate_image_filename']))) { 
         echo '<img src="' . UPLOAD_URL . 'validate_image/' . str_replace('.', '_medium.', $validate[$i]['validate_image_filename']) . '" alt="Listing Image" />'; 
       } else { 

         echo '<img src="' . UPLOAD_URL . 'validate_image/' . str_replace('.', '_large.', $validate[$i]['validate_image_filename']) . '" alt="Listing image" />'; 
       } 

      } else { 
       ?> 
       <img src="/images/no_image_posted_validate.png" alt="no image posted" /> 
       <?php 
      } 
      ?> 
     </div> 

    ... remainder of HTML display code 


function setupEnlargeImage() { 
    window.myFx = new Fx({ 
      duration: 200, 
      transition: Fx.Transitions.Sine.easeOut 
    }); 

    $$('.validate_image').addEvent('click', function() { 
     window.selectedImage = this.id; 
     myFx.start(1,2.0); 
    }); 

    $$('.validate_image').addEvent('mouseout', function() { 
     window.selectedImage = this.id; 
     myFx.start(1.0,1); 
    }); 

    myFx.set = function(value) { 
     var style = "scale(" + (value) + ")"; 
     $(window.selectedImage).setStyles({ 
      "-webkit-transform": style, 
      "-moz-transform": style, 
      "-o-transform": style, 
      "-ms-transform": style, 
      transform: style 
     }); 
    } 
} 
+0

打開控制檯...你看到任何javascript錯誤? –

回答

0

那麼,沒有解決方案的IE9,但我去Slimbox的圖像,它在IE9中工作正常。

因此,此問題已關閉。