Технический форум
Вернуться   Технический форум > Программирование > Форум программистов > Изготовление сайтов


Ответ
 
Опции темы Опции просмотра
Старый 28.06.2015, 02:19   #1 (permalink)
Vasilisk
Member
 
Аватар для Vasilisk
 
Регистрация: 16.05.2010
Сообщений: 1,194
Сказал(а) спасибо: 0
Поблагодарили 4 раз(а) в 1 сообщении
Репутация: 1649
По умолчанию Автоматическая смена картинок в слайдере JS

Кто знает, подскажите пожалуйста.
Код:
(function(c, b, e) {
    var d = b.Modernizr;
    c.CBPFWSlider = function(f, g) {
        this.$el = c(g);
        this._init(f)
    };
    c.CBPFWSlider.defaults = {
        speed: 500,
        easing: "ease"
    };
    c.CBPFWSlider.prototype = {
        _init: function(f) {
            this.options = c.extend(true, {}, c.CBPFWSlider.defaults, f);
            this._config();
            this._initEvents()
        },
        _config: function() {
            this.$list = this.$el.children("ul");
            this.$items = this.$list.children("li");
            this.itemsCount = this.$items.length;
            this.support = d.csstransitions && d.csstransforms;
            this.support3d = d.csstransforms3d;
            var h = {
                    WebkitTransition: "webkitTransitionEnd",
                    MozTransition: "transitionend",
                    OTransition: "oTransitionEnd",
                    msTransition: "MSTransitionEnd",
                    transition: "transitionend"
                },
                k = {
                    WebkitTransform: "-webkit-transform",
                    MozTransform: "-moz-transform",
                    OTransform: "-o-transform",
                    msTransform: "-ms-transform",
                    transform: "transform"
                };
            if (this.support) {
                this.transEndEventName = h[d.prefixed("transition")] + ".cbpFWSlider";
                this.transformName = k[d.prefixed("transform")]
            }
            this.current = 0;
            this.old = 0;
            this.isAnimating = false;
            this.$list.css("width", 100 * this.itemsCount + "%");
            if (this.support) {
                this.$list.css("transition", this.transformName + " " + this.options.speed + "ms " + this.options.easing)
            }
            this.$items.css("width", 100 / this.itemsCount + "%");
            if (this.itemsCount > 1) {
                this.$navPrev = c('<span class="cbp-fwprev">&lt;</span>').hide();
                this.$navNext = c('<span class="cbp-fwnext">&gt;</span>');
                c("<nav/>").append(this.$navPrev, this.$navNext).appendTo(this.$el);
                var l = "";
                for (var g = 0; g < this.itemsCount; ++g) {
                    var f = g === this.current ? '<span class="cbp-fwcurrent"></span>' : "<span></span>";
                    l += f
                }
                var j = c('<div class="cbp-fwdots"/>').append(l).appendTo(this.$el);
                this.$navDots = j.children("span")
            }
        },
        _initEvents: function() {
            var f = this;
            if (this.itemsCount > 1) {
                this.$navPrev.on("click.cbpFWSlider", c.proxy(this._navigate, this, "previous"));
                this.$navNext.on("click.cbpFWSlider", c.proxy(this._navigate, this, "next"));
                this.$navDots.on("click.cbpFWSlider", function() {
                    f._jump(c(this).index())
                })
            }
        },
        _navigate: function(f) {
            if (this.isAnimating) {
                return false
            }
            this.isAnimating = true;
            this.old = this.current;
            if (f === "next" && this.current < this.itemsCount - 1) {
                ++this.current
            } else {
                if (f === "previous" && this.current > 0) {
                    --this.current
                }
            }
            this._slide()
        },
        _slide: function() {
            this._toggleNavControls();
            var g = -1 * this.current * 100 / this.itemsCount;
            if (this.support) {
                this.$list.css("transform", this.support3d ? "translate3d(" + g + "%,0,0)" : "translate(" + g + "%)")
            } else {
                this.$list.css("margin-left", -1 * this.current * 100 + "%")
            }
            var f = c.proxy(function() {
                this.isAnimating = false
            }, this);
            if (this.support) {
                this.$list.on(this.transEndEventName, c.proxy(f, this))
            } else {
                f.call()
            }
        },
        _toggleNavControls: function() {
            switch (this.current) {
                case 0:
                    this.$navNext.show();
                    this.$navPrev.hide();
                    break;
                case this.itemsCount - 1:
                    this.$navNext.hide();
                    this.$navPrev.show();
                    break;
                default:
                    this.$navNext.show();
                    this.$navPrev.show();
                    break
            }
            this.$navDots.eq(this.old).removeClass("cbp-fwcurrent").end().eq(this.current).addClass("cbp-fwcurrent")
        },
        _jump: function(f) {
            if (f === this.current || this.isAnimating) {
                return false
            }
            this.isAnimating = true;
            this.old = this.current;
            this.current = f;
            this._slide()
        },
        destroy: function() {
            if (this.itemsCount > 1) {
                this.$navPrev.parent().remove();
                this.$navDots.parent().remove()
            }
            this.$list.css("width", "auto");
            if (this.support) {
                this.$list.css("transition", "none")
            }
            this.$items.css("width", "auto")
        }
    };
    var a = function(f) {
        if (b.console) {
            b.console.error(f)
        }
    };
    c.fn.cbpFWSlider = function(g) {
        if (typeof g === "string") {
            var f = Array.prototype.slice.call(arguments, 1);
            this.each(function() {
                var h = c.data(this, "cbpFWSlider");
                if (!h) {
                    a("cannot call methods on cbpFWSlider prior to initialization; attempted to call method '" + g + "'");
                    return
                }
                if (!c.isFunction(h[g]) || g.charAt(0) === "_") {
                    a("no such method '" + g + "' for cbpFWSlider instance");
                    return
                }
                h[g].apply(h, f)
            })
        } else {
            this.each(function() {
                var h = c.data(this, "cbpFWSlider");
                if (h) {
                    h._init()
                } else {
                    h = c.data(this, "cbpFWSlider", new c.CBPFWSlider(g, this))
                }
            })
        }
        return this
    }
})(jQuery, window);
Vasilisk вне форума   Ответить с цитированием

Старый 28.06.2015, 02:19
Helpmaster
Member
 
Аватар для Helpmaster
 
Регистрация: 08.03.2016
Сообщений: 0

Найдено много сходств с вашей темой

Автоматическая система полива
Автоматическая кормушка
Автоматическая буровая установка
Смена картинок по таймеру в Лазарусе
Автоматическая смена скорости на сервере
Автоматическая подсветка клавиатуры

Старый 30.06.2015, 17:33   #2 (permalink)
ShnaiderHost
Member
 
Регистрация: 11.06.2015
Сообщений: 14
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 10
По умолчанию

переменные которые называют 1 символом - это просто трэш)
ShnaiderHost вне форума   Ответить с цитированием
Старый 30.06.2015, 19:19   #3 (permalink)
Vasilisk
Member
 
Аватар для Vasilisk
 
Регистрация: 16.05.2010
Сообщений: 1,194
Сказал(а) спасибо: 0
Поблагодарили 4 раз(а) в 1 сообщении
Репутация: 1649
По умолчанию

Цитата:
Сообщение от ShnaiderHost Посмотреть сообщение
переменные которые называют 1 символом - это просто трэш)
Вот поумничать все горазды.
Vasilisk вне форума   Ответить с цитированием
Старый 30.06.2015, 19:22   #4 (permalink)
MagentaTiger
Специалист
 
Аватар для MagentaTiger
 
Регистрация: 27.04.2015
Адрес: Москва
Сообщений: 1,423
Записей в дневнике: 4
Сказал(а) спасибо: 52
Поблагодарили 53 раз(а) в 16 сообщениях
Репутация: 18120
По умолчанию

А чем помочь то , в чем вопрос ? Если проблемы, возьмите готовый c примерами(их кучи на том JQuery), или просто тупо не работает ? А jquery либу подключали ?
MagentaTiger вне форума   Ответить с цитированием
Старый 01.07.2015, 00:51   #5 (permalink)
Vasilisk
Member
 
Аватар для Vasilisk
 
Регистрация: 16.05.2010
Сообщений: 1,194
Сказал(а) спасибо: 0
Поблагодарили 4 раз(а) в 1 сообщении
Репутация: 1649
По умолчанию

Не точно описал проблему наверное. В слайдере нет автопрокрутки. Надо добавить.
Vasilisk вне форума   Ответить с цитированием
Ads

Яндекс

Member
 
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
Старый 15.07.2015, 21:56   #6 (permalink)
Vasilisk
Member
 
Аватар для Vasilisk
 
Регистрация: 16.05.2010
Сообщений: 1,194
Сказал(а) спасибо: 0
Поблагодарили 4 раз(а) в 1 сообщении
Репутация: 1649
По умолчанию

Нежели все так плохо с веб разработчиками?
Vasilisk вне форума   Ответить с цитированием
Старый 15.07.2015, 22:15   #7 (permalink)
MagentaTiger
Специалист
 
Аватар для MagentaTiger
 
Регистрация: 27.04.2015
Адрес: Москва
Сообщений: 1,423
Записей в дневнике: 4
Сказал(а) спасибо: 52
Поблагодарили 53 раз(а) в 16 сообщениях
Репутация: 18120
По умолчанию

А причем тут
Цитата:
Сообщение от Vasilisk Посмотреть сообщение
Нежели все так плохо с веб разработчиками?
Вы дали голый скрипт, который сам по себе работать не будет К нему нужен сайт, "внедрение" этого этого скрипта в этот сайт с какими то настройками, наконец контент который этот скрипт должен крутить ...

Ну скажу я вам, что да, поставил я этот скрипт у себя, у меня все работает , Вам это сильно поможет ?

Дали бы ссылку на сайт можно было бы глянуть что там у вас не работает и как ... ошибку то js хоть не дает, firebug-ом или подобными средствами смотрели ?
MagentaTiger вне форума   Ответить с цитированием
Старый 15.07.2015, 22:56   #8 (permalink)
Vasilisk
Member
 
Аватар для Vasilisk
 
Регистрация: 16.05.2010
Сообщений: 1,194
Сказал(а) спасибо: 0
Поблагодарили 4 раз(а) в 1 сообщении
Репутация: 1649
По умолчанию

Цитата:
Сообщение от MagentaTiger Посмотреть сообщение
А причем тут


Вы дали голый скрипт, который сам по себе работать не будет К нему нужен сайт, "внедрение" этого этого скрипта в этот сайт с какими то настройками, наконец контент который этот скрипт должен крутить ...

Ну скажу я вам, что да, поставил я этот скрипт у себя, у меня все работает , Вам это сильно поможет ?

Дали бы ссылку на сайт можно было бы глянуть что там у вас не работает и как ... ошибку то js хоть не дает, firebug-ом или подобными средствами смотрели ?
DataLife Engine
Ну если это поможет.
Vasilisk вне форума   Ответить с цитированием
Старый 15.07.2015, 23:09   #9 (permalink)
MagentaTiger
Специалист
 
Аватар для MagentaTiger
 
Регистрация: 27.04.2015
Адрес: Москва
Сообщений: 1,423
Записей в дневнике: 4
Сказал(а) спасибо: 52
Поблагодарили 53 раз(а) в 16 сообщениях
Репутация: 18120
По умолчанию

Ну для начала избавьтесь от ошибок в скриптах, потом будем смотреть дальше
s1.jpg
MagentaTiger вне форума   Ответить с цитированием
Старый 15.07.2015, 23:31   #10 (permalink)
Vasilisk
Member
 
Аватар для Vasilisk
 
Регистрация: 16.05.2010
Сообщений: 1,194
Сказал(а) спасибо: 0
Поблагодарили 4 раз(а) в 1 сообщении
Репутация: 1649
По умолчанию

Цитата:
Сообщение от MagentaTiger Посмотреть сообщение
Ну для начала избавьтесь от ошибок в скриптах, потом будем смотреть дальше
Вложение 233127
Другой слайдер был подключен. Исправил.
Vasilisk вне форума   Ответить с цитированием
Ads

Яндекс

Member
 
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
Ответ


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Выкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Выкл.




Часовой пояс GMT +4, время: 02:14.

Powered by vBulletin® Version 6.2.5.
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.