Данный плагин реализует интересный эффект. Если мы проводим курсором по картинке, она начинает двигаться за курсором (Точнее, там используются две картинки - передний и задний план). Передний план двигается быстрее заднего. Замечательный скрипт для создания креативных логотипов и шапок для вашего сайта
Установка:
После /head на нужных вам страницах вставляйте:
Code
<script type="text/javascript" src="/js/jquery.smart3d.js"></script>
<style type="text/css">
#mindscape {
width: 750px;
height: 174px;
overflow: hidden;
}
</style>
<script type="text/javascript">
$(function() {
$('#mindscape').smart3d(850);
});
</script>
Заметьте, что для данного "лого" мы в css прописали ширину 750 и высоту 174
Далее в то место, где должен быть данный эффект:
Code
<ul id="mindscape">
<li><img src="Ссылка на картинку заднего плана" /></li>
<li><img src="Ссылка на картинку переднего плана" /></li>
</ul>
Осталось лишь залить скрипт из прикреплённого архива в папку js
Сразу предупрежу, что ширина картинки для заднего плана должна быть шире параметров, прописываемых в css, картинка же переднего плана должна быть прозрачной по краям, дабы всё это чудо красиво смотрелось.
Источник материала : apocalypse.ucoz.kz
Скачать
