Анимированная галерея при помощи CSS

Опубликовано в Сайты
/
12 Сен 2012

Разработал пример галереи использующей анимацию CSS.  Добавлять в неё изображения предельно просто так-как в простой список. В исходниких я добавил несколько вариантов анимации. скачать их можно ниже.

<div class="img">
<ul>
<li>
<div class="big">   <img src="img/1.png"class="big1">  </div > <!--большое изображение -->
<img src="img/1.png"></li> <!--Миниатюра-->
<li>
<div class="big">   <img src="img/2.png"class="big1">  </div> <!--большое изображение -->
<img src="img/2.png"></li> <!--Миниатюра-->
<li>
<div class="big">    <img src="img/3.png" class="big1"> </div> <!--большое изображение -->
<img src="img/3.png"></li> <!--Миниатюра-->
</ul>
</div>

В CSS файле тоже очень легко разобраться.

А вот тут можно скачать исходники галереи.

Всем пока, подписывайтесь на страницу Вконтакте и rss ленту

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