Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Риназ
12 / 2 / 2
Регистрация: 16.06.2017
Сообщений: 515
1

Почему пропадает картинка слайдера?

23.06.2018, 20:44. Просмотров 136. Ответов 1
Метки нет (Все метки)

Всем привет! На сайте есть слайдер, но он не работает. Обновляю страницу, до несколько секунд полной загрузки картинки есть, потом исчезают(белый фон). Пробовал другой слайдер, точно также.
Вот код слайдера:
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
<section class="b-gallery">
    
 
    <h2>Уже установленные нами окна</h2>
    <div class="thanky">
        <div class="zoom-gallery" id="zoom-instance-1" style="margin: 0px auto; width: 900px; height: 355px;">
            
            <ul style="display: block;">
 
 
 
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 195px; top: 0px; width: 511px; height: 335px; z-index: 3; opacity: 1;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="511" height="335" src="/img/b-gallery/f11.jpg" style="position: absolute; top: 0px; left: 0px;"></li>
               <!-- <li title="/img/b-gallery/f14.jpg" >
                    <ul class="align-left">
                        <li class="20x308 gall__block">
                            <div class="gall__block_ttl">Остекление</div>
                            <div class="gall__block_dog">Договор</div>
                            <div class="gall__block_btn">
                                <a class="link b-btn-gall js-fancy-form"  data-background="zvonok" data-target1="shapka_open" data-target2="shapka_send"
                                   data-header="Заказать звонок" data-btntext="Позвонить"> Хочу такое же</a>
                            </div>
                        </li>
                    </ul>
                </li>-->
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 517px; top: 42px; width: 383px; height: 251px; z-index: 1; opacity: 1; cursor: pointer;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="383" height="251" src="/img/b-gallery/5m.jpg" style="position: absolute; top: 0px; left: 0px; opacity: 0.5;"></li>
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 323px; top: 84px; width: 255px; height: 167px;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="255" height="167" src="/img/b-gallery/6m.jpg" style="position: absolute; top: 0px; left: 0px;"></li>
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 323px; top: 84px; width: 255px; height: 167px;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="255" height="167" src="/img/b-gallery/5.jpg" style="position: absolute; top: 0px; left: 0px;"></li>
                <!--<li title="/img/b-gallery/7m.jpg" >
                    <ul class="align-left">
                        <li class="20x308 gall__block">
                            <div class="gall__block_ttl">Остекление</div>
                            <div class="gall__block_dog">Договор №4854859</div>
                            <div class="gall__block_btn">
                                <a class="link b-btn-gall js-fancy-form"  data-background="zvonok" data-target1="shapka_open" data-target2="shapka_send"
                                   data-header="Заказать звонок" data-btntext="Позвонить"> Хочу такое же</a>
                            </div>
                        </li>
                    </ul>
                </li>-->
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 323px; top: 84px; width: 255px; height: 167px;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="255" height="167" src="/img/b-gallery/6.jpg" style="position: absolute; top: 0px; left: 0px;"></li>
                <!--<li title="/img/b-gallery/2.jpg" >
                    <ul class="align-left">
                        <li class="20x308 gall__block">
                            <div class="gall__block_ttl">Остекление</div>
                            <div class="gall__block_dog">Июль 2014</div>
                            <div class="gall__block_btn">
                                <a class="link b-btn-gall js-fancy-form"  data-background="zvonok" data-target1="shapka_open" data-target2="shapka_send"
                                   data-header="Заказать звонок" data-btntext="Позвонить"> Хочу такое же</a>
                            </div>
                        </li>
                    </ul>
                </li>-->
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 323px; top: 84px; width: 255px; height: 167px;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="255" height="167" src="/img/b-gallery/f5.jpg" style="position: absolute; top: 0px; left: 0px;"></li>
                <!--<li title="/img/b-gallery/f8.jpg" >
                    <ul class="align-left">
                        <li class="20x308 gall__block">
                            <div class="gall__block_ttl">Двустворчатое</div>
                            <div class="gall__block_dog">Сентябрь 2015</div>
                            <div class="gall__block_btn">
                                <a class="link b-btn-gall js-fancy-form"  data-background="zvonok" data-target1="shapka_open" data-target2="shapka_send"
                                   data-header="Заказать звонок" data-btntext="Позвонить"> Хочу такое же</a>
                            </div>
                        </li>
                    </ul>
                </li>-->
                <li style="position: absolute; background-color: rgb(0, 0, 0); display: list-item; left: 0px; top: 42px; width: 383px; height: 251px; z-index: 2; opacity: 1; cursor: pointer;">
                    <ul class="align-left" style="display: block;"></ul>
                <img width="383" height="251" src="/img/b-gallery/f9.jpg" style="position: absolute; top: 0px; left: 0px; opacity: 0.5;"></li>
 
            </ul>
 
            <noscript>
                <div id="noscript">
                    <img src="/img/b-gallery/2.jpg" alt="" />
                </div>
            </noscript>
        <div class="zoom-gallery-info-text" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); left: 215px; top: 308px; opacity: 1; width: 495px; height: 71px;"><span style="width: 475px; height: 71px;">
                            <div class="gall__block_ttl">Остекление</div>
                            <div class="gall__block_dog">Июль, 2014</div>
                            <div class="gall__block_btn">
                                <a class="link b-btn-gall js-fancy-form" data-background="zvonok" data-target1="shapka_open" data-target2="shapka_send" data-header="Заказать звонок" data-btntext="Позвонить" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"> Хочу такое же</a>
                            </div>
                        </span></div></div>
        <a id="thanky-left-button" href="#"></a>
        <a id="thanky-right-button" href="#"></a>
    </div>
 
    <div class="onmobile">
 
        <img src="/img/b-gallery/f11.jpg" alt="">
        <div class="onmobile-info-text">
 
            <div class="gall__block_ttl">Остекление</div>
            <div class="gall__block_dog">Июль, 2014</div>
            <div class="gall__block_btn">
                <a class="link b-btn-gall js-fancy-form" data-background="zvonok" data-target1="shapka_open" data-target2="shapka_send" data-header="Заказать звонок" data-btntext="Позвонить"> Хочу такое же</a>
            </div>
       </div>
    </div>
 
        
</section>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.06.2018, 20:44
Ответы с готовыми решениями:

Плохо загружается картинка слайдера
На сайте http://abal.com.ua при загрузке страницы возникают проблемы: 1. Плохо...

Пропадает картинка
Здравствуйте, такая проблема у меня, есть страница с картинкой фоновой, которая...

Пропадает картинка после присвоения значений
Пропадает картинка, когда я дописываю ей параметры 100% 100% no-repeat ...

пропадает картинка, при наведении мышью появляется
делаю наброски сайта http://uctez.su/dmitry/index.html при загрузке сайта в...

Вёрстка слайдера | Автоматическая прокрутка слайдера
Здравствуйте! ;) Вот на стадии разработки сайта случилась такая проблема...

1
AlexZaw
517 / 528 / 249
Регистрация: 07.08.2016
Сообщений: 1,736
Завершенные тесты: 2
23.06.2018, 21:12 2
Раз во время загрузки изображения есть, значит проблема, скорее всего, в js, так как, если они у вас подключены по всем правилам, они срабатывают после загрузки страницы и именно в этот момент у вас пропадают изображения. Попробуйте отключить скрипты и посмотреть на результат
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.06.2018, 21:12

Почему не устанавливается фоновая картинка?
Не устанавливается фоновая картинка только цвет подскажите в чем дело ...

Почему не сдвигается картинка в Бутстрапе?
Здравствуйте! Подскажите пожалуйста, почему не сдвигается картинка на...

Почему картинка не отображается в фоне?
&lt;!DOCTYPE html&gt; &lt;html lang=&quot;ru&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot; /&gt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru