<script src="jquery.js" type="text/javascript"></script>
 
<script src="jquery.dimensions.js" type="text/javascript"></script>
<script src="ui.mouse.js" type="text/javascript"></script>
<script src="ui.slider.js" type="text/javascript"></script>
 

CODICE HTML

 
<div class="sliderGallery">
<ul class="items">
<li>Item one</li>
<li>Item two</li>
<li>Item three, etc...</li>
</ul>
<div class="slider">
    <!-- the handler to action the slide -->
<div class="handle"></div>
 
    <!-- labels appear against the slider, as pointers to the user -->
    <span class="slider-lb1">slider label 1</span>
    <span class="slider-lb2">slider label 2</span>
    <span class="slider-lb3">slider label 3</span>
  </div>
</div>
 

CODICE CSS

 
.sliderGallery {
    overflow: hidden;
    position: relative;
    padding: 10px;
    height: 160px;
    width: 960px;
}
.sliderGallery UL …

…

Demo: http://demo.webdeveloperplus.com/featured-content-slider/

Codice Sorgente: http://demo.webdeveloperplus.com/source-code/featured-content-slider.zip…

…

Link http://designingwebinterfaces.com/essential_controls…

effetto page peel configurabile con jquery

Link http://www.smple.com/pagePeel/…

Link: http://cssglobe.com/…-jquery-plugin-for-sliding…