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(); 
     }); 
    } 
});