1 Востаннє редагувалося kovin (13.03.2015 22:28:03)

Тема: Слайд картинок

Доброго вечора... допоможыть будьласка з скрыптом на картинки, я ще зелений лише вчуся.. як зробити щоб фонова картинка змынювалась через 10 сек?

Post's attachments

first.rar 6.3 mb, 196 downloads since 2015-03-13 

2

Re: Слайд картинок

Прихований текст

Що там такого на 6 Міб?

3

Re: Слайд картинок

Самий найефективніший спосіб це взяти уже існуючу бібліотеку яка уже вміє робити це що ви хочете. Ось мій простенький варіант.

<script>
    var SlideShow = function (containerId, images) {

        // private members
        var self = this;
        var slides = images;
        var currentSlideIndex = 0;
        var container = document.getElementById(containerId);

        //private functions
        var getNextSlide = function() {
            if (currentSlideIndex < slides.length - 1)
                currentSlideIndex++;
            else
                currentSlideIndex = 0;

            return slides[currentSlideIndex];
        };

        var redraw = function() {
            var slide = getNextSlide();
            container.style.backgroundImage = "url('image/" + slide + "')";
        };


        // public functions
        self.initialize = function() {
            setInterval(redraw, 2000);
        }


    }

    document.addEventListener("DOMContentLoaded", function(event) {
        var show = new SlideShow('shadow', ['img_1.jpg', 'img_2.jpg', 'img_3.jpg']);
        show.initialize();
    });


</script>
Подякували: kovin1

4

Re: Слайд картинок

В неті звичайно багато слайдерів я останнім часом користуюсь ресурсом http://wowslider.com/

для школи створив сторінку Вечір поезії «Знайомі – незнайомі обличчя» та День Соборності України

Подякували: kovin1