Почему не работает скрипт?

@qlipoth · Регистрация: 27.04.2013

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

Всем привет. не пойму почему не работает вот этот блок кода

JavaScript
1
2
pic.src = "../images/" +arr[indexImg];
        pic.setAttribute("alt","arr[indexImg]");

сам скрипт

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
$( document ).ready(function(){
        left_slider = $('.left_slider'),
         pic = $("#picture"),
        indexImg = 0,
        arr = new Array ("1.png","2.jpg","3.jpg","4.jpg"),
        phase = 3000;
    
    function change () {
        
        pic.fadeOut(500);
        pic.src = "../images/" +arr[indexImg];
        pic.setAttribute("alt","arr[indexImg]");
        pic.fadeIn(500);
    }   
        
    function autoCange () { 
        indexImg++;
        if(indexImg >= arr.length) {
            indexImg = 0;
        }           
        change ();
    }   
    var interval = setInterval(autoCange, phase);
 
    left_slider.mouseover(function() {
        clearInterval(interval);
    });
    left_slider.mouseout(function() {
        interval = setInterval(autoCange, phase);
    });
    
    //elWrap.append('<span class="next"></span><span class="prev"></span>');
    var btnNext = $('.slider_buttons img:first-child'),
        btnPrev = $('.slider_buttons img:last-child');
        
    btnNext.click(function() {
        indexImg++;
        if(indexImg >= arr.length) {
            indexImg = 0;
        }
        change ();
    });
    btnPrev.click(function() {
        indexImg--;
        if(indexImg <=0) {
            indexImg =arr.length-1;
            
        }
        change ();
    }); 
});

HTML5
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initialscale=1.0, width=device-width" />
    <title>max-width</title>
    <link rel="stylesheet" href="width.css">
    <link type="text/css" rel="stylesheet" href="style.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <div id="all">
        <div class="wrapper">
                <header class="header">
                    <div class="left_part"><img src="https://www.cyberforum.ru/images/logo.png" alt="logo"><span>Lipsum</span></div>
                    <div class="right_part">
                        <span>Lorem ipsum dolor sit amet</span><br>
                        <span> consectetur adipisicing elit, sed do eiusmod tempor incididunt
                        </span>
                    </div>
                </header>
                    <nav class="navigation">
                        <ul>
                            <li><a href="">home</a></li>
                            <li><a href="">products</a></li>
                            <li><a href="">news</a></li>
                            <li><a href="">about us</a></li>
                            <li><a href="">contact us</a></li>
                        </ul>
                    </nav>
                <main class="content">
                    <h3>featured Products</h3>
                    <div class="products">
                        <div class="left_slider">
                            <div class="figure0">
                                <img id = "picture">
                            </div>
                            <div class="slider_buttons">
                                <img src="https://www.cyberforum.ru/images/left.png" alt="slide">
                                <span>Lipsum comoodo Manager</span>
                                <img src="https://www.cyberforum.ru/images/right.png" alt="slide">
                            </div>
                        </div>
                        <div class="right_slider">
                            <div class="figure1">
                                <img src="https://www.cyberforum.ru/images/buda.png" alt="buda">
                            </div>
                            <span>
                                The mission of Orlin Research, Inc. is to produce software products that multiply the power and efficiency of empirical scientific research in the social sciences.
 A central goal is to expand access to complex data sources and to the advanced methods of scientific investigation needed to analyze them.
                            </span>
                        </div>
                    </div>
                    <section class="bottom">
                        <div class="left_bottom_col">
                            <h3>Latest News</h3>
                            <div>
                                <div class = "date"><span>27</span><br>nov</div>
                                <div>
                                    <h4>An early access preview</h4>
                                    An early access preview of the Orlin Data<br> Manager is available..
                                </div>
                            </div>
                            <div>
                                <div class = "date"><span>27</span><br>nov</div>
                                <div>
                                    <h4>An early access preview</h4>
                                    An early access preview of the Orlin Data<br> Manager is available..
                                </div>
                            </div>
                            <div>
                                <div class = "date"><span>27</span><br>nov</div>
                                <div>
                                    <h4>An early access preview</h4>
                                    An early access preview of the Orlin Data<br> Manager is available..
                                </div>
                            </div>
                        </div>
                        <div class="center_bottom_col">
                            <h3>Who We are ?</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                            <div>
                                <span>More</span>
                                <span>></span>
                            </div>
                        </div>
                        <div class="right_bottom_col">
                        <h3>Contact Us</h3>
                            <div><img src="https://www.cyberforum.ru/images/mobile.png" alt="mobile"><span>(626) 921-4592</span></div>
                            <div><img src="https://www.cyberforum.ru/images/tel.png" alt="tel"><span>(626) 921-4592</span> </div>
                            <div><img src="https://www.cyberforum.ru/images/mail.png" alt="mail"><span>info@orlinresearch.com</span></div>
                            <div>
                            <img src="https://www.cyberforum.ru/images/home.png" alt="home"><span>Orlin Research Inc.7412 Ridgewood AveChevy Chase, MD 20815 USA</span>
                            </div>  
                        </div>
                    </section>
                    
                </main>
            
        </div>
        <div class="buffer"></div>
        <div class="footer">
            <div>
                    <ul class="clients">
                        <li><img src="https://www.cyberforum.ru/images/att.png" alt="att"></li>
                        <li><img src="https://www.cyberforum.ru/images/inc.png" alt="inc"></li>
                        <li><img src="https://www.cyberforum.ru/images/auto.png" alt="auto"></li>
                        <li><img src="https://www.cyberforum.ru/images/visa.png" alt="visa"></li>
                        <li><img src="https://www.cyberforum.ru/images/polar.png" alt="polar"></li>
                        <li><img src="https://www.cyberforum.ru/images/gap.png" alt="gap"></li>
                    </ul>           
            </div>
            
            <div class="lipsum">
                <div>
                    <img src="https://www.cyberforum.ru/images/logo.png" alt="logo">
                    <span>Lipsum</span>
                </div>
            </div>
            <div class="footer_links">
                <ul>
                    <li><a href="">Home</a></li>
                    <li><a href="">About us</a></li>
                    <li><a href="">work</a></li>
                    <li><a href="">services</a></li>
                    <li><a href="">resources</a></li>
                    <li><a href="">articles</a></li>
                    <li><a href="">contact</a></li>
                </ul>
 
            </div>
 
            <div class="copy">
                <span>&copy;2009&nbsp;</span><span>Orlin Research, Inc</span>
            </div>      
        </div>
    </div>
</body>
</html>

@philin · 15.12.2013, 23:13

pic — jQuery объект, а не элемент DOM. Список DOM элементов в нем под цифрами, обычным массивом. Т.е. в данном случае нужно обращаться к первому элементу в списке через pic[0], либо использовать jQuery методы

@qlipoth · 15.12.2013, 23:18 **[ТС]**

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

@qlipoth · 16.12.2013, 23:28 **[ТС]**

чето слайдер все равно неправильно работает . картинка сначала появляется (ее видно) а потом к ней эффекты применяются а мне надо как тут http://siteis.ru/index.php?opt... ticle&id=3

@philin · 16.12.2013, 23:39

Там по-другому сделано: несколько блоков с картинками. Их тасуют и верхнему плавно меняют прозрачность. Видно же в просмотре структуры страницы

@qlipoth · 16.12.2013, 23:43 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

@philin Иллюзионист 154 / 153 / 27 Регистрация: 02.10.2013 Сообщений: 330
	15.12.2013, 23:13
	pic — jQuery объект, а не элемент DOM. Список DOM элементов в нем под цифрами, обычным массивом. Т.е. в данном случае нужно обращаться к первому элементу в списке через pic[0], либо использовать jQuery методы 1

@qlipoth 23 / 23 / 1 Регистрация: 27.04.2013 Сообщений: 385 Записей в блоге: 3
	15.12.2013, 23:18 [ТС]
	Спасибо большое! 0

@qlipoth 23 / 23 / 1 Регистрация: 27.04.2013 Сообщений: 385 Записей в блоге: 3
	16.12.2013, 23:28 [ТС]
	чето слайдер все равно неправильно работает . картинка сначала появляется (ее видно) а потом к ней эффекты применяются а мне надо как тут http://siteis.ru/index.php?opt... ticle&id=3 0

@philin Иллюзионист 154 / 153 / 27 Регистрация: 02.10.2013 Сообщений: 330
	16.12.2013, 23:39
	Там по-другому сделано: несколько блоков с картинками. Их тасуют и верхнему плавно меняют прозрачность. Видно же в просмотре структуры страницы 0

@qlipoth 23 / 23 / 1 Регистрация: 27.04.2013 Сообщений: 385 Записей в блоге: 3
	16.12.2013, 23:43 [ТС]
	я не могу такой слайдер на свой страницу поставить потому что мой адаптивный дизайн в таком случае нарушится т.к. все в процентах задано. можно ли в моем скрипте реализовать такой же эффект чтобы картинка постепенно исчезала а потом появлялась сразу новая, а то у меня сначала появляется а потом к ней эффекты применяются? 0