Автоматическая прокрутка слайдера

@MePHiSto88 · Регистрация: 13.02.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте! Имею готовый слайдер, который уже прикрутил к странице, но он слишком быстро прокручивает картинки. Где увеличить время прокрутки найти не могу... Вот мой код связанный со слайдером:

HTML5
1
2
3
4
5
6
7
 <div id="slideshow">
                <a href="" id="slideshow-link" ><span></span></a>
                <ul id="slides">
                    <li><a href=""><img src="slides/slider1.jpg"  alt="Imagen" /></a></li>
                    <li><a href=""><img src="slides/slider2.jpg"  alt="Imagen" /></a></li>
                </ul>
            </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/* SLIDESHOW ------------------------------------------------------------*/
 
div#slideshow{
    overflow: hidden;
    position: relative;
    height: 385px;
    margin-bottom: 15px;
    width: 960px;
}
 
div#slideshow ul#slides{
    position: absolute;
    margin: 0 auto;
    width: 922px;
    height: 340px;
    top: 20px;
    left: 20px;
}
 
div#slideshow span{
    display: block;
    background: url(../img/slideshow.png) no-repeat;
    width: 960px;
    height: 385px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    cursor: default;
}
 
#slideshow-nav-holder{
    display: block;
    position: absolute;
    overflow: hidden;
    height: 20px;
    bottom: 30px;
    left: 40px;
    z-index: 20;
}
 
#slideshow-nav{
    display: block;
    overflow: hidden;
    height: 20px;
    background: url(../img/slideshow-nav-bg.png) repeat-x top left;
    float: left;
}
 
#slideshow-nav-holder .nav-left{
    width: 13px;
    height: 20px;
    float: left;
    background: url(../img/slideshow-nav-left.png) no-repeat top left;
}
 
#slideshow-nav-holder .nav-right{
    width: 13px;
    height: 20px;
    float: left;
    background: url(../img/slideshow-nav-right.png) no-repeat top right;
}
 
#slideshow-nav a { 
    display: block;
    float: left;
    background: url(../img/slideshow-button.png) no-repeat; 
    height: 12px;
    width: 12px;
    margin-top: 7px;
    text-indent: -9000px;
    margin-right: 2px;
    margin-left: 2px;
}
 
#slideshow-nav a:hover{
    background: url(../img/slideshow-button.png) no-repeat 0px -24px;
}
 
#slideshow-nav a.activeSlide { 
    background: url(../img/slideshow-button.png) no-repeat 0px -12px;
}
 
 
/* SLIDES ------------------------------------------------------------*/
 
.slide-fade,
.slide-scroll{
    overflow: hidden;
    border: 1px solid white;
    margin-bottom: 18px;
}

@sashok89 · 13.02.2015, 10:27

Ищите в js файлах, обычно скорость прокрутки там.
Что за слайдер?

@MePHiSto88 · 13.02.2015, 10:43 **[ТС]**

Если честно, не знаю, нашёл в одном из шаблонов...

@sashok89 · 13.02.2015, 10:46

покажите шаблон и код который использовали

@MePHiSto88 · 13.02.2015, 11:11 **[ТС]**

Нашёл js файл, который отвечает за слайдер, меняю параметры delay и speed, но в итоге всё ровно листает с такой же скоростью как и листал. Привожу код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
;(function($){
    $.fn.superfish = function(op){
 
        var sf = $.fn.superfish,
            c = sf.c,
            $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
            over = function(){
                var $$ = $(this), menu = getMenu($$);
                clearTimeout(menu.sfTimer);
                $$.showSuperfishUl().siblings().hideSuperfishUl();
            },
            out = function(){
                var $$ = $(this), menu = getMenu($$), o = sf.op;
                clearTimeout(menu.sfTimer);
                menu.sfTimer=setTimeout(function(){
                    o.retainPath=($.inArray($$[0],o.$path)>-1);
                    $$.hideSuperfishUl();
                    if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
                },o.delay); 
            },
            getMenu = function($menu){
                var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
                sf.op = sf.o[menu.serial];
                return menu;
            },
            addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
            
        return this.each(function() {
            var s = this.serial = sf.o.length;
            var o = $.extend({},sf.defaults,op);
            o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
                $(this).addClass([o.hoverClass,c.bcClass].join(' '))
                    .filter('li:has(ul)').removeClass(o.pathClass);
            });
            sf.o[s] = sf.op = o;
            
            $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
                if (o.autoArrows) addArrow( $('>a:first-child',this) );
            })
            .not('.'+c.bcClass)
                .hideSuperfishUl();
            
            var $a = $('a',this);
            $a.each(function(i){
                var $li = $a.eq(i).parents('li');
                $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
            });
            o.onInit.call(this);
            
        }).each(function() {
            var menuClasses = [c.menuClass];
            if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
            $(this).addClass(menuClasses.join(' '));
        });
    };
 
    var sf = $.fn.superfish;
    sf.o = [];
    sf.op = {};
    sf.IE7fix = function(){
        var o = sf.op;
        if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
            this.toggleClass(sf.c.shadowClass+'-off');
        };
    sf.c = {
        bcClass     : 'sf-breadcrumb',
        menuClass   : 'sf-js-enabled',
        anchorClass : 'sf-with-ul',
        arrowClass  : 'sf-sub-indicator',
        shadowClass : 'sf-shadow'
    };
    sf.defaults = {
        hoverClass  : 'sfHover',
        pathClass   : 'overideThisToUse',
        pathLevels  : 1,
        delay       : 8000,
        animation   : {opacity:'show'},
        speed       : 16000,
        autoArrows  : true,
        dropShadows : true,
        disableHI   : false,        // true disables hoverIntent detection
        onInit      : function(){}, // callback functions
        onBeforeShow: function(){},
        onShow      : function(){},
        onHide      : function(){}
    };
    $.fn.extend({
        hideSuperfishUl : function(){
            var o = sf.op,
                not = (o.retainPath===true) ? o.$path : '';
            o.retainPath = false;
            var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
                    .find('>ul').hide().css('visibility','hidden');
            o.onHide.call($ul);
            return this;
        },
        showSuperfishUl : function(){
            var o = sf.op,
                sh = sf.c.shadowClass+'-off',
                $ul = this.addClass(o.hoverClass)
                    .find('>ul:hidden').css('visibility','visible');
            sf.IE7fix.call($ul);
            o.onBeforeShow.call($ul);
            $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
            return this;
        }
    });
 
})(jQuery);

@Вовчек · 15.02.2015, 09:25

delay - задержка между перелистыванием
speed - скорость анимации
желательно ссылку на сайт, я гляну

@MePHiSto88 · 16.02.2015, 08:20 **[ТС]**

Сайт ещё не опубликован...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	13.02.2015, 10:27
	Ищите в js файлах, обычно скорость прокрутки там. Что за слайдер? 0

@MePHiSto88 0 / 0 / 0 Регистрация: 13.02.2015 Сообщений: 105
	13.02.2015, 10:43 [ТС]
	Если честно, не знаю, нашёл в одном из шаблонов... 0

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	13.02.2015, 10:46
	покажите шаблон и код который использовали 0

@Вовчек 33 / 33 / 28 Регистрация: 04.04.2011 Сообщений: 333
	15.02.2015, 09:25
	delay - задержка между перелистыванием speed - скорость анимации желательно ссылку на сайт, я гляну 0

@MePHiSto88 0 / 0 / 0 Регистрация: 13.02.2015 Сообщений: 105
	16.02.2015, 08:20 [ТС]
	Сайт ещё не опубликован... 0