magnific-popup не работает
Вложений: 3
Подскажи пожалуйста почему не работает папап. Если можно без оскорблений меня. Спасибо!
ошибки в консоли ----------------------------------------------------------------------------------------- jquery.min.js:1 Failed to load resource: net::ERR_CONNECTION_TIMED_OUT jquery.magnific-popup.min.js:4 Uncaught TypeError: a is not a function at jquery.magnific-popup.min.js:4 at jquery.magnific-popup.min.js:4 at jquery.magnific-popup.min.js:4 main.js:1 Uncaught ReferenceError: $ is not defined at main.js:1 --------------- main.js ----------------- $(function(){ $('.gallery__inner').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, }); }); ----------------- index.html ----------------- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>timber House</title> <link rel="stylesheet" href="css/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Lato:300,700|Roboto:300,400,700&display =swap&subset=cyrillic-ext" rel="stylesheet"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <!----делаем хэдер--> <header class="header" style="background-image: url(img/bg.jpg);"> <!---круглый блок--> <div class="header__inner"> <!----маленька фигня сверху--> <img src="img/home.png" alt=""> <div class="header__name"> timber House </div> <!---создадим ссылку с классом фон т.к он повторяется--> <a class="phone" href="tel:+75852772217">+7 (585) 277-22-17</a> <div class="header__title"> ДОМА ИЗ БРУСА ПОД КЛЮЧ </div> <!----это для подарка. он может убираться или меняться--> <div class="header__sale"> <img src="img/sale.png" alt=""> </div> </div> </header> <main class="main"> <div class="container"> <div class="main__title"> Строительство домов и бань из строганного и профилированного бруса </div> <div class="main__text"> За 10 лет мы возвели больше 250 домов и бань из бруса ИМЕЕМ БОЛЬШОЙ ОПЫТ В СТРОИТЕЛЬСТВЕ гарантируем качество и надежность всех построенных нами объяетов ГАРАНТИЯ НА ДОМА И БАНИ ИЗ БРУСА 3 ГОДА </div> <div class="main__img"> <img src="img/main-img.png" alt=""> </div> <!----дальше идут проекты домов--> <div class="project"> <div class="project__title"> ПРОЕКТЫ ДОМОВ ИЗ БРУСА </div> <div class="project__item"> <div class="project__name"> ДОМ №1 </div> <div class="project__size"> Размер дома: 6х6 </div> <div class="project__area"> Общая площадь дома: 54 кв. м </div> <div class="project__price"> Стоимость - 402 000 рублей </div> <div class="project__images"> <div class="project__images-item"> <img src="img/project-1.jpg" alt=""> </div> <div class="project__images-item"> <img src="img/project-2.jpg" alt=""> </div> </div> </div> </div> <!--DOM 2--> <div class="project__item"> <div class="project__name"> ДОМ №1 </div> <div class="project__size"> Размер дома: 6х6 </div> <div class="project__area"> Общая площадь дома: 54 кв. м </div> <div class="project__price"> Стоимость - 402 000 рублей </div> <div class="project__images"> <div class="project__images-item"> <img src="img/project-1.jpg" alt=""> </div> <div class="project__images-item"> <img src="img/project-2.jpg" alt=""> </div> </div> </div> <!----DoM 3--> <div class="project__item"> <div class="project__name"> ДОМ №1 </div> <div class="project__size"> Размер дома: 6х6 </div> <div class="project__area"> Общая площадь дома: 54 кв. м </div> <div class="project__price"> Стоимость - 402 000 рублей </div> <div class="project__images"> <div class="project__images-item"> <img src="img/project-1.jpg" alt=""> </div> <div class="project__images-item"> <img src="img/project-2.jpg" alt=""> </div> </div> </div> </div> <!----скачать каталог--> <div class="download"> <img src="img/home-download.png" alt=""> <a href="#">СКАЧАТЬ ВЕСЬ КАТАЛОГ ДОМОВ</a> <div class="gallery"> <div class="container"> <div class="gallery__title"> ФОТОГРАФИИ НАШИХ РАБОТ </div> <div class="gallery__text"> некоторые фотографии построенных нами домов и бань из бруса </div> <div class="gallery__inner"> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> <a href="img/item-1.jpg"><img src="img/item-1.jpg" alt=""></a> </div> </div> <div class="main__img"> <img src="img/main-img.png" alt=""> </div> </div> </main> <footer class="footer"> <div class="container"></div> <a class="phone" href="tel:+75852772217">+7 (585) 277-22-17</a> <div class="footer__email">namename@gmail.com</div> </div> </footer> <script src="https://ajax.googleleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/main.js"></script> </body> </html> |
Потому, что картинки плохого качества. :)
|
не знаю что с ними сайт сделал. я делала нормальные
|
Знаю, есть такая неприятность, но разве трудно в отладчике выделить текст сообщений об ошибках и выставить его, а не картинки?
|
откуда я знала что он не загрузит картинки?
я вставила код уже |
Цитата:
|
Хорошо. спасибо. А можете все-таки по теме что то сказать?
|
Цитата:
Uncaught ReferenceError: $ is not defined, то есть либо jQuery не подключен вообще, либо конфликт с jQuery, а далее как следствие Uncaught TypeError: a is not a function в плагине. |
Цитата:
|
Большое спасибо!
|
| Часовой пояс GMT +3, время: 23:24. |