Cm-rotate.js

Cm-rotate.js - Rotate js using CSS translate3d and transition

• No dependencies
• Works in all major browsers that support CSS translate3d or transition (IE9+)
• Works on tablet PC
• MIT License

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE JS FILE

<script type="text/javascript" src="CMRotate.js"></script>

2. HTML

<div id="rotate-div" class="chand"></div>

3. JAVASCRIPT

/**
 * Background image Array for each Plane
 */
var backgroundImages = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg", ...];

/**
 * init
 *
 * div - DIV element ID
 * tw - Plane Width
 * th - Plane Height
 * ty - Y position distance from bottom
 * gap - Gap between each Plane
 * radius - Circle Radius
 * bg - Background image Array
 * fn - Mouse click function on each Plane
 */
CMRotate.init('rotate-div', 200, 300, 100, 12, 600, backgroundImages, clickFn);

/**
 * Click function
 */
function clickFn(no) {
	alert('click no - ' + (no + 1));
}