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.

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

How to set up leanorama #9

Open
yoigo1987 opened this issue Mar 4, 2014 · 5 comments
Open

How to set up leanorama #9

yoigo1987 opened this issue Mar 4, 2014 · 5 comments

Comments

@yoigo1987
Copy link

Hello,
i'm developing my first web page and I need a little help to set up leanorama. I don't know how to initialize this awesome panorama.
I try to put the virtual example tour inside of a iframe but i can't make it work. I'm working on drupal 7 if this can help. Anyone can explain me how configure to start the virtual tour example?

Thanks in advance

@ztorage
Copy link
Contributor

ztorage commented Mar 4, 2014

Hi,
Leanorama is known to work badly inside iframes. It was designed to be
inside a div.
You should create a div on your page, load all the scripts, and then
follow the instructions.

@yoigo1987
Copy link
Author

hello thanks for answer,
then i need to put something like this:
div
script src="http://code.jquery.com/jquery-1.10.2.min.js"
script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"
script src="js/jquery.transit.js"
script src="js/jquery.leanorama.js"
link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"
link rel="stylesheet" href="css/leanorama.css"
$('#pano').leanorama({ /* ... params ... */ })
/div

and i have another question: how i can say to this fuction: $('#pano').leanorama({ /* ... params ... */ }) where the pano folders are?

Thank you very much you help me a lot

@ztorage
Copy link
Contributor

ztorage commented Mar 4, 2014

Leanorama doesn't read folders - it needs the paths to all of the 6
sides of the cube.

Here's the configuration file of our demo:
http://leandigo.github.io/leanorama/example/tour.js

If it makes things easier for you, you can download the ZIP of the
example for here:
https://github.com/leandigo/leanorama/archive/gh-pages.zip - it has the
complete demo tour with the panoramas and everything. You can play with
example/tour.js - first replacing the "sides" parameter with your
images, then try moving the hotspots around.

Finally, read this carefully:
https://github.com/leandigo/leanorama#example - this is an annotated
example explaining the configuration step-by-step.

@yoigo1987
Copy link
Author

if I have understood well, for example to run the example tour I only need to call the tour.js inside a div

Thanks

@ztorage
Copy link
Contributor

ztorage commented Mar 4, 2014

No. Please download the example tour from
https://github.com/leandigo/leanorama/archive/gh-pages.zip

Take a look at index.html - you'll need every script and link tag you
see in the page's head (except for index.css). From inside the body, you
gotta have the pano div, and the tour.js script after it.

Also, PLEASE read the Readme on GitHub. It has ALL the answers to your
questions so far.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants