Skip to content

Is this plugin working? #92

@d33pak-s1ngh

Description

@d33pak-s1ngh

I want to use 360 view for my product and i am trying to use your product but it is not working i can only see a images of car on whole page.
from css and js point of view what are the minimum things i required to run this
following is code i am trying

`
<!doctype html>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script src='../src/threesixty.js'></script>
  <div class="threesixty car">
      <div class="spinner">
          <span>0%</span>
      </div>
      <ol class="threesixty_images"></ol>
  </div>

Play
Previous
Pause
Next

<script type="text/javascript">

window.onload = init;

var car;
function init(){

car = $('.car').ThreeSixty({
    totalFrames: 52, // Total no. of image you have for 360 slider
    endFrame: 52, // end frame for the auto spin animation
    currentFrame: 1, // This the start frame for auto spin
    imgList: '.threesixty_images', // selector for image list
    progress: '.spinner', // selector to show the loading progress
    imagePath:'assets/car/', // path of the image assets
    filePrefix: '', // file prefix if any
    ext: '.png', // extention for the assets
    height: 1000,
    width: 447,
    navigation: false
});

$('.custom_previous').bind('click', function(e) {
  car.previous();
});

$('.custom_next').bind('click', function(e) {
  car.next();
});

$('.custom_play').bind('click', function(e) {
  car.play();
});

$('.custom_stop').bind('click', function(e) {
  car.stop();
});

}
</script>

`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions