Слайд не работает

0

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

Вот мой код:

Вызов JQuery и Slippry Plugin-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script>
jQuery(document).ready(function(){
  jQuery('selector').slippry()
});
</script>

HTML -

<ul id="slippry-demo">
  <li>
  <a href="#slide1"><img src="images/22.png" alt="Welcome to Slippry!"></a>
  </li>
  <li>
  <a href="#slide2"><img src="images/11.png" alt="cenas nices!"></a>
  </li>
  <li>
  <a href="#slide3"><img src="images/33.png" alt="such responsivness, much slide, wow!"></a>
  </li>
</ul>

А для CSS я просто связал файл css, который появился с плагином.

На моем веб-сайте результат - это всего лишь 3 изображения, показывающие в то же время один поверх другого...

Что я могу сделать? заранее спасибо

  • 1
    Вам нужно включить библиотечный файл для Slippry Plugin, чтобы он вызывался .. после включения библиотеки jQuery.
  • 0
    Я уже включил, но все еще ничего ...
Теги:
plugins
slide
slider

1 ответ

0

Имя вашего элемента slippry в HTML - "селектор" для slippry - это "# slippry-demo". Поэтому в вашем javascript попробуйте следующее:

<script>
jQuery(document).ready(function(){
  jQuery('#slippry-demo').slippry()
});
</script>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню