Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Is this plugin working? #92

Open
d33pak-s1ngh opened this issue Apr 23, 2017 · 1 comment
Open

Is this plugin working? #92

d33pak-s1ngh opened this issue Apr 23, 2017 · 1 comment

Comments

@d33pak-s1ngh
Copy link

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>

`
@nxhoang
Copy link

nxhoang commented May 6, 2017

You should include css file

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@d33pak-s1ngh @nxhoang