• 2455
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

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

Код:
<ul class="contenitore">
<li>Q</li>
<li>U</li>
<li>A</li>
<li>D</li>
<li>R</li>
<li>R</li>
<li>A</li>
<li>T</li>
<li>O</li>
</ul>
3.В стили добавляем
Код:
.contenitore{
border: solid 1px #000;
height: 400px;
width: 500px;
background: #FFF;
position: relative;
margin: auto;
padding:0;
}

.contenitore li
{
display: block;
text-align: center;
border: solid 1px #147;
line-height: 135px;
width: 135px;
background: #FFF;
color: #147;
}
4.И последнее инициализируем
Код:
$('.contenitore').innSlide({
top: '60',
left: '70',
duration: 2000,
interval: 3000,
direction: 'Right'
});
Вот параметры которые можно использовать в скрипте
  • top:  (int) верхнее расположение элементов внутреннего контейнера
  • left:  (int) левое положение элементов внутреннего контейнера
  • autoPosition:  (bool)  вычислить положение внутреннего элемента, true ( default false)
    N.B.  top and left value where not considered.
  • duration:  (int) длительность эффекта.

    N.B.  must be less than interval‘s value
  • interval:  (int)интервал времени между слайдами [es, 1000 (1 sec)]
  • direction:  (string) направление эффект ["Left-Bottom", "Left", "Left-Top", "Top", "Top-Right", "Right", "Right-Bottom", "Bottom"]
Вот и все

Можешь почитать и вот эту статейку "Настройка плагина breadcrumbs - "Хлебных крошек""

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

TWIG -что это?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element