Фоновое изображение не изменится при использовании jquery в IE6 - PullRequest
Новая
       21

Фоновое изображение не изменится при использовании jquery в IE6

1 голос
/ 28 апреля 2010

На моей странице есть панель без фонового изображения по умолчанию. При загрузке он задается с помощью jquery для исходного изображения, ждет в течение 10 секунд, а затем загружает случайное изображение из некоторых заранее определенных изображений. Существуют кнопки «предыдущий» и «следующий», которые позволяют циклически перемещаться по изображениям. В ie6 начальное изображение загружается, а затем случайное изображение также загружается через 10 секунд, однако нажатие prev / next заставляет фон стать белым, а изображения не загружаются. С помощью предупреждений я смог обнаружить, что он по-прежнему отслеживает положение и URL-адрес изображения, которое он должен загрузить, но просто не загружает его. Вот код ниже. 

<script type="text/javascript">
    var facts = new Array();
    var position;
    $(document).ready(function() {
        <xsl:for-each select="$currentPage/ancestor-or-self::node[@level=1]/../node[@nodeName='Fun Fact Folder']/node">
            facts[<xsl:value-of select="position()" />] = '<xsl:value-of select="." />';
        </xsl:for-each>
        if(window.location.pathname == "/homepage.aspx" || window.location.pathname == "/") {
            $(".fun_facts_bg").css("background-image", "url(images/fun_fact_homepage.JPG)");
            setTimeout("randomFact()",10000);   
        } else {
            randomFact();
        }
    });
    function randomFact() {
        $("a.previous_button").css("display", "block");
        $("a.next_button").css("display", "block");
        position = Math.ceil(Math.random() * (facts.length - 1));
        changeFact(0);
    }
    function changeFact(increment) {
        position = checkPosition(position, increment);
        $(".fun_facts_bg").css("background-image", "url(" + facts[position] + ")");
    }
    <xsl:text disable-output-escaping="yes">&lt;!--//--&gt;&lt;![CDATA[//&gt;&lt;!--
    function checkPosition(currentPos, increment) {
        currentPos = currentPos + increment;
        if (currentPos &gt; facts.length - 1) {
            currentPos = 1;
        } else if (currentPos &lt; 1) {
            currentPos = facts.length - 1;
        }
        return currentPos;
    }
    //--&gt;&lt;!]]&gt;</xsl:text>
</script>

<a class="previous_button" href="javascript:void(0);" onclick="changeFact(-1);">
<a class="next_button" href="javascript:void(0);" onclick="changeFact(1);">

1 Ответ

0 голосов
/ 15 мая 2010

Я почти уверен, что вы должны использовать модуль где-нибудь, чтобы убедиться, что вы остаетесь в пределах предполагаемого диапазона.Это может помочь.

...