jquery - Elastislide 轮播缓存图像

Question

我在使用 elastislide.js 时遇到了一些问题。当我的浏览器缓存为空（对于 chrome、firefox 和 safari）并且我的所有网站都在加载时，elastislide 工作正常并显示我的项目。但是，当我重新加载页面时，这些项目被缓存，它们不会出现。它们已加载，但 max-height 和 height 设置为 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();
        });
    }
});