Rotating Slider With JQUERY & CSS3
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality. We�ll use the jQuery 2D Transformation Plugin for rotating the images and the jQuery Mousewheel Plugin by Brandon Aaron for the mousewheel control. The beautiful photos are by Andrew and Lili and you can see their Behance profile here: http://www.behance.net/AndrewLili The images are licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License. Allrighty! Let�s start with the HTML! CSS:: .rm_wrapper{ width: 1160 px; margin:0 auto; position:relative; } .rm_container{ width: 1050 px; overflow:hidden; ...