Стильное решение для создания портфолио, горячих новостей, топовых фотографии и реализации других задач.
Хочу поделиться с Вами красивым решением для создания портфолио, горячих новостей, топовых фотографии и т.п. Решение базируется на основе jQuery и easingPlugin. Для начала пример того, как это выглядит и работает (поводите курсором по изображениям).
Чтобы его подключить, нужно добавить код в страницу:сайт источник http://yapro.ru Sat Mar 06 2010 12:43:50 GMT+0300
<script language="Javascript" type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.easing.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
Теперь немного о том, как это работает.
Всё удобно представлено в виде:
<ul><li><a><img alt="Изображение наезжающее сверху"><img alt="Изображение основное"></a></li>...</ul>
Ширина конструкции прописывается в классе portfolio
.portfolio { width:1004px; }
Высота конструкции зависит от высоты изображений и количества получившихся ячеек (блоков).
Чтобы изменить ширину или высоту блоков, нужно поправить их следующим образом:
.portfolio li { width:250px; height:200px }
.portfolio li a { width:250px; height:200px; }
Думаю, каждый сможет переделать данный простой и удобный скрипт под свои нужды, дерзайте.
Ссылки: пример в отдельном окне» | скачать архив примера»
