jQuery.Smart3D

Interesting effects, which can be used on site-header. It’s very simple to use: several layers glued together into a 3D effect. See examples of using this jQuery plugin!

Plugn options
frameWidth (integer) (optional)
Width. You can set in CSS.

frameHeight (integer) (optional)
Height. You can set in CSS.

horizontal (boolean) (optional)
Default: true

vertical (boolean) (optional)
Default: true

firstStatic (boolean) (optional)
Default: false

lastStatic (boolean) (optional)
Default: false

invertHorizontal (boolean) (optional)
Default: false

invertVertical (boolean) (optional)
Default: false

Example:

1
2
3
$(function() {
    $('#mindscape').smart3d();
});
1
2
3
4
<ul id="mindscape">
    <li><img src=".../mindscape1.png" /></li>
    <li><img src=".../mindscape2.png" /></li>
</ul>
01
02
03
04
05
06
07
08
09
10
#mindscape {
    width: 720px;
    height: 170px;
    overflow: hidden;
    border:2px solid #444444;
}
#mindscape li{
    width: 844px;
    height: 170px;
}