Elastislide 캐 러셀 캐시 된 이미지

Question

elastislide.js에 문제가 있습니다. 브라우저 캐시가 비어 있고 (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(); 
     }); 
    } 
});