Хаки и Скрипты Next Generation CMS

Функциональный JQuery плагин Презентация

irbees2008 irbees2008 Опубликовано - 3 - 12 - 2013 Слайдшоу и анимация
5011 - 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"]
Вот и все

Можешь почитать и вот эту статейку "Расширяем профиль юзера"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйт cущecтвуeт: 4616 дней
  • Новостей: 619
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [12]
  • Гости: [12]
  • Сегодня нас посетили: [7] Google, Larrytitly, Яндекс, irbees2008, Яндекс, dankeanke, Google
  • SQL запросов: 35
  • Генерация страницы: 0.343сек
  • Потребление памяти: 2.640 Mb 
  •   Яндекс.Метрика