Elastislide旋转木马缓存的图像
问题描述:
我得到了一些弹性问题。 当我的浏览器缓存为空(对于Chrome浏览器,Firefox和Safari浏览器),并且我的所有网站都在加载时,elastislide工作正常并显示我的项目。 但是,当我重新加载页面时,项目被缓存,它们不会出现。 它们已加载,但最大高度和高度均设置为0px。Elastislide旋转木马缓存的图像
<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>
在此先感谢您的帮助。
答
我在做我的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();
});
}
});