Sign in

Зарегистрируйтесь, чтобы стать полноправным участником сообщества Masterpro.ws.

Smart3D images jQuery plugin

Прикольный скрипт, с помощью которого (и при посредстве всемогущего jQuery) вы без проблем создадите подвижные 3D изображения для вашего сайта, подчиняющиеся движению мыши.

Вам всего-то и нужно - скачать и распаковать архив, загрузить содержимое в public_html своего сайта, перепрописать пути и заменить картинки собственными - подредактировав, при необходимости, размеры. Скрипт, предназначенный для размещения на страницах вашего сайта, будет выглядеть примерно следующим образом:

 

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.smart3d.js"></script>
<style type="text/css">
#mindscape {
width: 750px;
height: 200px;
overflow: hidden;
}
#monsteck_variketch {
width: 750px;
height: 200px;
overflow: hidden;
}
</style>
<script type="text/javascript">
$(function() {
$('#mindscape').smart3d(850);
$('#monsteck_variketch').smart3d(850);
});
</script>
<ul id="mindscape">
<li><img src="/mindscape/mindscape1.png" /></li>
<li><img src="/mindscape/mindscape2.png" /></li>
</ul>
<ul id="monsteck_variketch">
<li><img src="/monsteck_variketch/1.png" /></li>
<li><img src="/monsteck_variketch/2.png" /></li>
</ul>

 

Все совсем несложно, как видите. Enjoy!

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

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