Image Gallery Threejs is a 3D rotating Gallery/Slider plugin with jQuery and three.js

It didn't have jquery handling on it as well as better handling of controls for customization.

Required Libraries:

Three.js https://github.com/mrdoob/three.js/

Stats.js https://github.com/mrdoob/stats.js/

TweenMax http://www.greensock.com/gsap-js/

PreloadJS http://www.createjs.com/#!/PreloadJS

Browser Compatibility

• Firefox - 30.0.0 +
• Chrome - 35.0.0 +
• Explorer: 9 +
• Safari: not tested help test :)
• Mobile Chrome: not tested help test :)
• Mobile Safari: not tested help test :)

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" media="screen,print" href="css/image-gallery-three.css" />
<script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/three.js/r58/three.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/PreloadJS/0.3.1/preloadjs.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/stats.js/r11/Stats.js"></script>

2. HTML

<div class="box"></div>

3. JAVASCRIPT

$(function(){
    var box = $(".box").ig3js({
        manifest: [
            {src:"image1.jpg", id:"image1"},
            {src:"image2.jpg", id:"image2"},
            {src:"image3.jpg", id:"image3"},
            {src:"image4.jpg", id:"image4"},
            {src:"image5.jpg", id:"image5"},
            {src:"image6.jpg", id:"image6"},
            {src:"image7.jpg", id:"image7"}
        ],
        imagePath: 'images/',
        alphaBackground: true,
        onNavigateComplete: function(obj){
       //     console.log("navigation complete");
       //     console.log(obj);
        }
    });
});

4. OPTIONS

5. EVENTS

6. METHODS