Question

我对elastislide.js有些问题.. 当我的浏览器缓存为空（对于chrome，firefox和safari），并且我的所有网站都正在加载时，弹性滑块正常工作并显示我的项目。但是，当我重新加载页面时，项目被缓存，它们不会出现。它们已加载，但最大高度和高度设置为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做了一件坏事。

我没有使用弹性滑动的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();
        });
    }
});

弹性滑动旋转木马缓存图像

1 个答案: