ertan3d-slider, jQuery 360° plug-in

Sağ/sol oklara tıklayın veya klavyeyi kullanın

Css & Script

    .ertan3d-slider {
      margin:0 auto;
      width:600px;
      height:600px;
      background-repeat: no-repeat;
    }
    .left-turn {
      background: url(img/left.png) no-repeat;
      width: 49px;
      height: 58px;
      margin-top: -300px;
      margin-left: 10px;
      z-index: 2;
      float: left;
      cursor: pointer;
      position: absolute;
      left: 0;
    }
    .right-turn {
      background: url(img/right.png) no-repeat;
      width: 49px;
      height: 58px;
      margin-top: -300px;
      margin-right: 10px;
      z-index: 2;
      float: right;
      cursor: pointer;
      position: absolute;
      right: 0;
    }
  
    $(document).ready(function(){
    
      $(".ertan3d-slider").ertan3d({
        start_index : 0,
        mode:2,
        delay:100,
        animate:false,
        elements:['resimler/00000.jpg',....],
        stops : [0,100,200],
        onsetted: function(c){
          
          console.log("onsetted event");
        },
        oninited : function(c){
          $(".loading").slideUp(1000,function(){$(this).hide(0)});
          console.log("oninited event");
        },
        onnext  : function(c){
          console.log("onnext event");
        },
        onprev : function(c){
          console.log("onprev event");
        }
      });
    
    });