Четверг, 02 января 2014 00:00

Liffect effect for lists

Оцените материал
(0 голосов)

 

 

Вполне эффектный способ презентации изображений не очень большого размера на вашем сайте, не так ли? - лично мне очень понравился. Тем более, что разработчик плагина, берущего начало, разумеется, от jquery, предусмотрел для нас с вами некий генератор, позволяющий выбрать из множества эффектов появления картинок... перепробовав, как водится, все и определившись с выбором - жмем кнопку Generate и получаем сразу CSS, HTML и JS - которые необходимо тщательно скопировать на страничку будущей экспозиции.

Все очень несложно. Подключаем стили и js совершенно обычным способом:

 

<script src="/js/jquery.min.js"></script>
<script src="/js/liffect.js"></script>
<link href="/css/style.css" rel="stylesheet" type="text/css" />

 

в файле css дополнительно к полученным от разраба стилям дописываем

 

display: inline-table;

 

или так:

 

width: 19.5%;
height: 19.5%;
float: left;
margin: 0 .5% .5% 0;
list-style: none;
color: #000;
background-color: #eee;
overflow: hidden;

 

ну, или что-нибудь еще в этом роде.

Удачи, enjoy!

 

Продолжение статьи

 

Последнее изменениеПонедельник, 15 января 2018 12:44

Оставить комментарий

Добавьте ваш комментарий