[原]slicebox实际使用备忘

文件包含：

<script src="js/jQuery_min_1.7.2.js"></script>

<script src="js/jquery.slicebox.min.js"></script>

<script type="text/javascript" src="js/modernizr.custom.13303.js"></script>

<link rel="stylesheet" type="text/css" href="css/slicebox.css" />

HTML markup

<div id="sb-slider" class="sb-slider">

<img src="media/1.jpg" title="Creative Lifesaver"/>

<img src="media/2.jpg" title="Honest Entertainer"/>

<img src="media/3.jpg" title="Brave Astronaut"/>

<img src="media/4.jpg" title="Affectionate Decision Maker"/>

<img src="media/5.jpg" title="Faithful Investor"/>

<img src="media/6.jpg" title="Groundbreaking Artist"/>

<img src="media/7.jpg" title="Selfless Philantropist"/>

</div>

js

$(function() {

$('#sb-slider').slicebox({

slicesCount : 15,

sequentialRotation : true,

sequentialFactor : 50,

speed3d : 250

});

if( !Modernizr.csstransforms3d ) {

$('#sb-note').show();

$('body').append(

$('script').attr( 'type', 'text/javascript' ).attr( 'src', 'js/jquery.easing.1.3.js' ));

}

});