Elastislide旋轉木馬緩存的圖像

Question

我得到了一些彈性問題。 當我的瀏覽器緩存爲空（對於Chrome瀏覽器，Firefox和Safari瀏覽器），並且我的所有網站都在加載時，elastislide工作正常並顯示我的項目。 但是，當我重新加載頁面時，項目被緩存，它們不會出現。 它們已加載，但最大高度和高度均設置爲0px。

<div class="main"> 
    <ul id="carousel" class="elastislide-list"> 
     <?php $v = 0; ?> 
     <?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?> 
      <?php $lien = $plxShow->plxMotor->racine; ?> 
      <?php $title = $plxShow->plxMotor->plxRecord_arts->result[$v]['title']; 
       if(strlen($title) >= 25) { 
        $title = substr($title, 0, 23); 
        $espace = strrpos($title, " "); 
        $title = substr($title, 0, $espace)."...";}?> 
      <?php $lien = $lien . 'index.php?article' . $plxShow->plxMotor->plxRecord_arts->result[$v]['numero']; ?> 
      <li><a href="<?php printf($lien); ?>"><span class="title_list"><?php echo $title; ?></span><img src="data/images/<?php printf($plxShow->plxMotor->plxRecord_arts->result[$v]['vignette']);?>" alt="image0<?php printf($v); ?>" /></a></li> 
      <?php $v += 1; ?> 
     <?php endwhile; ?> 
    </ul> 
</div> 

在此先感謝您的幫助。

Answer 1

我在做我的js壞事。

我沒有使用elastislide的onReady函數。

$('#carousel').elastislide({ 
    onReady:function() { 
     $('.elastislide-wrapper').hide(); 
     $('#elast_close').hide(); 
     if ($.browser.msie) { 
      $('#elast').bind("click", function() { 
       $('.elastislide-wrapper').slideDown(500);}); 
      $('#elast_close').bind("click",function() { 
       $('.elastislide-wrapper').slideUp(500);}); 
     } 
     $('#elast').click(function() { 
      $('.elastislide-wrapper').slideDown(500); 
      $(this).hide(); 
      $('#elast_close').show(); 
     }); 
     $('#elast_close').click(function() { 
      $('.elastislide-wrapper').slideUp(500); 
      $(this).hide(); 
      $('#elast').show(); 
     }); 
    } 
});