Помогите, пожалуйста. сделать слайд-шоу из руководства повторяемым? - PullRequest
Новая
       0

Помогите, пожалуйста. сделать слайд-шоу из руководства повторяемым?

0 голосов
/ 03 августа 2010

Любая помощь, пожалуйста, веб-страница:

http://weblink.computersforpeople.info/users/1/properties/518/images/2869

Как я могу сделать это повторяемым, я имею в виду, когда я нажимаю следующую кнопку на последней фотографии, она может снова перейти к первой.

спрашивал раньше, но все еще не мог решить. Может кто-нибудь помочь, пожалуйста.

Большое спасибо !!!

Ответы [ 4 ]

2 голосов
/ 03 августа 2010

Ответ Нео в исходном вопросе был верным:

Вы можете установить количество циклов в режиме отображения: {тип: 'авто', пауза: 2500, циклы: [здесь], циклический переход: false}, вам также следует попробовать изменить persist: true, так как он запомнит последний просмотренный слайд и вызовет его.

При просмотре текущей страницы его изменения не реализованы.Попробуйте внести эти изменения, опубликуйте свой текущий код и предоставьте отзыв о результатах.Если вы оставите их на месте, мы можем рассмотреть и попытаться помочь.Полагаю, у вас есть синтаксическая ошибка (как и в предыдущем вопросе).

Также: вы не должны были удалять добавленный тег «дубликаты», этот вопрос явно дублирует ваш предыдущийвопрос.

0 голосов
/ 03 августа 2010

Так же, как заголовок вашей страницы выдает ошибку javascript в атрибуте onload тэга вашего тела, когда вы вызываете функцию load () javascript.Я бы начал с исправления этого.Также IE8 имеет отличный встроенный отладчик javascript или вы можете получить плагин Firebug для Firefox, который тоже отлично работает.Очень помогает при отслеживании ошибок JavaScript.

0 голосов
/ 03 августа 2010

Просто измените ложь на истину. displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false}.

0 голосов
/ 03 августа 2010

Давайте попробуем этот сценарий, надеюсь, он поможет вам больше. 

<script language="javascript">
    var imageShow = document.getElementById("imageShow"),
        imageIndex = 0,
        isSlidePlay = false,
        img = document.createElement("img"),
        opacity = 0,
        buttonPlay = document.getElementById("btnPlay"),
        buttonPrevious = document.getElementById("btnPrevious"),
        buttonNext = document.getElementById("btnNext"),
        imgs = [
            "images/1.jpg",
            "images/2.jpg",
            "images/3.jpg",
            "images/4.jpg",
            "images/5.jpg",
            "images/6.jpg",
            "images/7.jpg",
            "images/8.jpg",
            "images/9.jpg",
            "images/10.jpg"
        ];

    img.src = imgs[imageIndex];
    img.width = 300;
    img.height = 400;
    img.opacity = opacity;
    imageShow.appendChild(img);

    function fadeIn() {
        img.style.opacity = opacity;
         fadeInInterval = setInterval(
            function() {
                opacity += 1;
                img.style.opacity = opacity/10;
                if (opacity/10 == 1) {
                    fadeOut();      
                    clearInterval(fadeInInterval);                      
                }
            },
            100
        );
    }

    function fadeOut(){         
        img.style.opacity = opacity;
         fadeOutInterval = setInterval(
            function() {
                opacity -= 1;
                img.style.opacity = opacity/10;
                if (opacity == 0) {                 
                    if (imageIndex >= imgs.length) imageIndex = 0;
                    imageIndex++;
                    img.src = imgs[imageIndex];
                    fadeIn();                       
                    clearInterval(fadeOutInterval);
                }
            },
            100
        );
    }

    buttonPlay.addEventListener("click", 
        function(){
            if(!isSlidePlay){
                buttonPlay.value="||";
                fadeIn();
                isSlidePlay = true;
                buttonNext.disabled = true;
            }
            else {
                buttonPlay.value = "Play";
                isSlidePlay = false;
                buttonNext.disabled = false;
                clearInterval(fadeInInterval);
                clearInterval(fadeOutInterval);
                img.src = imgs[imageIndex];
            }

        }, 
        false
    );

    buttonNext.addEventListener("click",
            function(){
                buttonPrevious.disabled = false;
                imageIndex++;
                img.src = imgs[imageIndex];
                if (imageIndex >= imgs.length) buttonNext.disabled = true;
            },
        false
    );

    buttonPrevious.addEventListener("click",
        function(){
            buttonNext.disabled = false;
            imageIndex--;
            img.src = imgs[imageIndex];
            if (imageIndex <= 0) buttonPrevious.disabled = true;
        },
        false
    );
</script>

Примечание: вы можете создать кнопку самостоятельно.

...