+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Slick Slider не получается подключить

  1. #1
    Новичок mashuxa на пути к лучшему Аватар для mashuxa
    Регистрация
    03.08.2016
    Адрес
    Минск
    Сообщений
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Slick Slider не получается подключить

    ДД! Помогите плиз. Никак не могу разобраться почему не работает слайдер???

    Архивчик тут: https://yadi.sk/d/BIryob8ctt8Y9

    Код html:

    <!DOCTYPE html>
    <html lang="ru">
    <head>
    <meta charset="utf-8">
    <title>Свадебный салон</title>
    <link href="css/style.css" rel="stylesheet"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Description" content="Свадебный салон">
    <meta name="Keywords" content="рейтиг, релевантность">

    <script src="https://use.fontawesome.com/564b692a43.js"></script>

    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

    </head>
    <body>
    <div class="main-container">
    <h1>Свадебный салон Айвори</h1>
    <div class="wrapper-topic">
    <nav class="second">
    <a class="logo" href="#"><img src="image/logo.png" alt="logo"></a>
    <div></div>
    <ul class="second-menu">
    <li><a href="#">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
    свадебные платья</a></li>
    <li><a href="#">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
    вечерние платья</a></li>
    <li><a href="#">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
    аксессуары</a></li>
    <li><a href="#">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
    обувь</a></li>
    <li><a href="#">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
    акции и скидки</a></li>
    <li><a href="#">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
    ткани</a></li>
    </ul>
    </nav>
    <div class="right-wrapper">
    <nav class="first">
    <ul class="first-menu">
    <li class="active"><a href="#">
    главная
    </a></li>
    <li><a href="#">
    о салоне
    </a></li>
    <li><a href="#">
    каталог
    </a></li>
    <li><a href="#">
    новости
    </a></li>
    <li><a href="#">
    ателье
    </a></li>
    <li><a href="#">
    контакты
    </a></li>
    <li><a href="#">
    отзывы
    </a></li>
    </ul>
    </nav>
    <div class="main-photo">
    <img src="image/svadebniy_salon.jpg" width="1049" height="400" alt="svadebniy_salon">
    </div>


    <div class="wrapper-btn">
    <a href="#">
    <div class="btn btn1">
    <div class="btn-icon"></div>
    <div class="btn-content"> запишитесь<br>
    <span>на примерку</span>
    </div>
    </div>
    </a>
    <a href="#">
    <div class="btn btn2">
    <div class="btn-icon"></div>
    <div class="btn-content"> пошив<br>
    <span>на заказ</span>
    </div>
    </div>
    </a>
    </div>
    </div>
    </div>
    <div class="wrapper-gallary">
    <aside>
    <div class="line"></div>
    <p class="tel">+375 29 806 31 12</p>
    <p class="tel">+375 17 299 25 25</p>
    <p class="franklin">ул. Притыцкого, д. 11</p>
    <p class="franklin"><a href="#">карта проезда</a></p>

    <label for="search">поиск по сайту</label>
    <form method="get" action="search" target="blank">
    <input class="search" type="search" id="search" size="162">
    </form>
    <i class="fa fa-search" aria-hidden="true"></i>
    <div class="social-links">
    <ul>
    <li><a href="#">
    <i class="fa fa-odnoklassniki" aria-hidden="true"></i>
    </a></li>
    <li><a href="#">
    <i class="fa fa-vk" aria-hidden="true"></i></a></li>
    <li><a href="#">
    <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
    <li><a href="#">
    <i class="fa fa-google-plus" aria-hidden="true"></i>
    </a> </li>
    </ul>
    </div>
    </aside>
    <article class="gallary">
    <div class="h2 h3">
    <h2>каталог</h2>
    <h3>новинки 2016</h3>
    </div>
    <div class="slied">
    <div><img src="image/anabel.jpg"></div>
    <div><img src="image/anabel.jpg"></div>
    <div><img src="image/anabel.jpg"></div>
    </div>
    </article>
    </div>


    <article class="wrapper-about-us">
    <h2>наше ателье</h2>
    <div class="icon"></div>
    <div class="bg-about-us">
    <div class="about-us">
    <h3>ателье по ремонту и пошиву
    свадебного платья</h3>
    <p>В нашем ателье вы можете осуществить
    любые, самые смелые фантазии.<br>
    У нас вы сможете заказать свадебное,
    вечернее или детское платье.</p>

    <p>Примерки проводятся в комфортных
    условиях салона с просторной и светлой
    примерочной.</p>
    </div>
    </div>
    </article>
    <footer>
    <section class="adress">
    <h4>наш адрес:<br>
    ул. притыцкого, д. 11</h4>
    <a href="#">схема проезда</a></section>
    <section class="tel">
    <h4>
    +375 29 806 31 12<br>
    +375 17 299 25 25</h4>
    <a href="#">доставка и оплата</a>
    </section>
    <section class="navigation"><h5>Свадебный салон</h5>
    <ul class="menu">
    <li>
    <label class="search" for="search2" >
    поиск по сайту
    </label><br>
    <form method="get" action="search" target="blank">
    <input class="search" type="search" id="search2" size="162">
    </form>
    <i class="fa fa-search" aria-hidden="true"></i>
    </li>
    <li><a href="#">о салоне</a></li>
    <li><a href="#">каталог</a></li>
    <li><a href="#">новости</a></li>
    <li><a href="#">ателье</a></li>
    <li><a href="#">контакты</a></li>
    <li><a href="#">отзывы</a></li>
    </ul>
    <div class="social-links">
    <p>мы соцсетях</p>
    <ul>
    <li><a href="#">
    <i class="fa fa-odnoklassniki" aria-hidden="true"></i>
    </a></li>
    <li><a href="#">
    <i class="fa fa-vk" aria-hidden="true"></i></a></li>
    <li><a href="#">
    <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
    <li><a href="#">
    <i class="fa fa-google-plus" aria-hidden="true"></i>
    </a> </li>
    </ul>
    </div>
    </section>
    </footer>
    </div>


    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="slick/slick.min.js"></script>

    <script type="text/javascript">
    $('.slied').slick({
    centerMode: true,
    centerPadding: '60px',
    slidesToShow: 3,
    responsive: [
    {
    breakpoint: 768,
    settings: {
    arrows: false,
    centerMode: true,
    centerPadding: '40px',
    slidesToShow: 3
    }
    },
    {
    breakpoint: 480,
    settings: {
    arrows: false,
    centerMode: true,
    centerPadding: '40px',
    slidesToShow: 1
    }
    }
    ]
    });
    </script>
    </body>
    </html>

  2. #2
    Новичок mashuxa на пути к лучшему Аватар для mashuxa
    Регистрация
    03.08.2016
    Адрес
    Минск
    Сообщений
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    сама нашла причину. контейнеру надо было задать ширину фиксированную либо в процентах и задать overflow hidden

+ Ответить в теме

Похожие темы

  1. Easy Jquery Slider
    от illya6785 в разделе Шаблоны
    Ответов: 0
    Последнее сообщение: 05.10.2013, 23:09
  2. Nivo slider
    от fr0d в разделе JavaScript
    Ответов: 9
    Последнее сообщение: 09.01.2012, 00:13
  3. JQuery Slider
    от andpeu в разделе Jquery
    Ответов: 2
    Последнее сообщение: 25.08.2011, 11:37
  4. Не получается подключить капчу
    от mfucker в разделе HTML
    Ответов: 5
    Последнее сообщение: 09.11.2010, 17:44
  5. Ответов: 1
    Последнее сообщение: 30.06.2010, 23:18

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения