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

@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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@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